| OLD | NEW |
| 1 layer at (0,0) size 785x762 | 1 layer at (0,0) size 785x762 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x600 | 3 layer at (0,0) size 785x600 |
| 4 RenderBlock {HTML} at (0,0) size 785x600 | 4 RenderBlock {HTML} at (0,0) size 785x600 |
| 5 RenderBody {BODY} at (8,8) size 769x584 | 5 RenderBody {BODY} at (8,8) size 769x584 |
| 6 RenderBlock {P} at (0,0) size 769x18 | 6 RenderBlock {P} at (0,0) size 769x18 |
| 7 RenderText {#text} at (0,0) size 153x18 | 7 RenderText {#text} at (0,0) size 153x18 |
| 8 text run at (0,0) width 153: "Test controls placement." | 8 text run at (0,0) width 153: "Test controls placement." |
| 9 RenderBlock {DIV} at (0,34) size 769x240 | 9 RenderBlock {DIV} at (0,34) size 769x240 |
| 10 RenderText {#text} at (0,0) size 0x0 | 10 RenderText {#text} at (0,0) size 0x0 |
| 11 RenderBlock {DIV} at (0,274) size 769x240 | 11 RenderBlock {DIV} at (0,274) size 769x240 |
| 12 RenderText {#text} at (0,0) size 0x0 | 12 RenderText {#text} at (0,0) size 0x0 |
| 13 RenderBlock {DIV} at (0,514) size 769x0 | 13 RenderBlock {DIV} at (0,514) size 769x0 |
| 14 layer at (8,42) size 320x240 | 14 layer at (8,42) size 320x240 |
| 15 RenderVideo {VIDEO} at (0,0) size 320x240 | 15 RenderVideo {VIDEO} at (0,0) size 320x240 |
| 16 layer at (8,282) size 320x240 | 16 layer at (8,282) size 320x240 |
| 17 RenderVideo {VIDEO} at (0,0) size 320x240 | 17 RenderVideo {VIDEO} at (0,0) size 320x240 |
| 18 layer at (8,42) size 320x240 | 18 layer at (8,42) size 320x240 |
| 19 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 | 19 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 |
| 20 layer at (8,250) size 320x32 | 20 layer at (8,250) size 320x32 |
| 21 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] | 21 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] |
| 22 layer at (15,256) size 18x19 | 22 layer at (15,256) size 18x19 |
| 23 RenderButton {INPUT} at (7,6) size 18x19 | 23 RenderButton {INPUT} at (7,6) size 18x19 |
| 24 layer at (38,250) size 256x32 | 24 layer at (38,250) size 256x32 |
| 25 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | 25 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 26 layer at (236,256) size 58x20 | 26 layer at (235,256) size 58x20 |
| 27 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | 27 RenderBlock (positioned) {DIV} at (197,6) size 58x20 [color=#FFFFFF] |
| 28 RenderText {#text} at (8,2) size 41x17 | 28 RenderText {#text} at (8,2) size 41x17 |
| 29 text run at (8,2) width 41: "00:00" | 29 text run at (8,2) width 41: "00:00" |
| 30 layer at (44,256) size 185x24 | 30 layer at (45,257) size 183x24 |
| 31 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 31 RenderSlider {INPUT} at (7,7) size 183x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 32 RenderBlock {DIV} at (3,-5) size 9x29 | 32 RenderBlock {DIV} at (3,-5) size 9x29 |
| 33 layer at (294,250) size 34x32 | 33 layer at (294,250) size 34x32 |
| 34 RenderButton {INPUT} at (286,0) size 34x32 | 34 RenderButton {INPUT} at (286,0) size 34x32 |
| 35 layer at (8,282) size 320x240 | 35 layer at (8,282) size 320x240 |
| 36 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 | 36 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 |
| 37 layer at (8,490) size 320x32 | 37 layer at (8,490) size 320x32 |
| 38 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] | 38 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] |
| 39 layer at (15,496) size 18x19 | 39 layer at (15,496) size 18x19 |
| 40 RenderButton {INPUT} at (7,6) size 18x19 | 40 RenderButton {INPUT} at (7,6) size 18x19 |
| 41 layer at (38,490) size 256x32 | 41 layer at (38,490) size 256x32 |
| 42 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | 42 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 43 layer at (236,496) size 58x20 | 43 layer at (235,496) size 58x20 |
| 44 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | 44 RenderBlock (positioned) {DIV} at (197,6) size 58x20 [color=#FFFFFF] |
| 45 RenderText {#text} at (8,2) size 41x17 | 45 RenderText {#text} at (8,2) size 41x17 |
| 46 text run at (8,2) width 41: "00:00" | 46 text run at (8,2) width 41: "00:00" |
| 47 layer at (44,496) size 185x24 | 47 layer at (45,497) size 183x24 |
| 48 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 48 RenderSlider {INPUT} at (7,7) size 183x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 49 RenderBlock {DIV} at (3,-5) size 9x29 | 49 RenderBlock {DIV} at (3,-5) size 9x29 |
| 50 layer at (294,490) size 34x32 | 50 layer at (294,490) size 34x32 |
| 51 RenderButton {INPUT} at (286,0) size 34x32 | 51 RenderButton {INPUT} at (286,0) size 34x32 |
| 52 layer at (8,522) size 320x240 | 52 layer at (8,522) size 320x240 |
| 53 RenderVideo {VIDEO} at (8,522) size 320x240 | 53 RenderVideo {VIDEO} at (8,522) size 320x240 |
| 54 layer at (8,522) size 320x240 | 54 layer at (8,522) size 320x240 |
| 55 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 | 55 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 |
| 56 layer at (8,730) size 320x32 | 56 layer at (8,730) size 320x32 |
| 57 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] | 57 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] |
| 58 layer at (15,736) size 18x19 | 58 layer at (15,736) size 18x19 |
| 59 RenderButton {INPUT} at (7,6) size 18x19 | 59 RenderButton {INPUT} at (7,6) size 18x19 |
| 60 layer at (38,730) size 256x32 | 60 layer at (38,730) size 256x32 |
| 61 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | 61 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 62 layer at (236,736) size 58x20 | 62 layer at (235,736) size 58x20 |
| 63 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | 63 RenderBlock (positioned) {DIV} at (197,6) size 58x20 [color=#FFFFFF] |
| 64 RenderText {#text} at (8,2) size 41x17 | 64 RenderText {#text} at (8,2) size 41x17 |
| 65 text run at (8,2) width 41: "00:00" | 65 text run at (8,2) width 41: "00:00" |
| 66 layer at (44,736) size 185x24 | 66 layer at (45,737) size 183x24 |
| 67 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 67 RenderSlider {INPUT} at (7,7) size 183x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 68 RenderBlock {DIV} at (3,-5) size 9x29 | 68 RenderBlock {DIV} at (3,-5) size 9x29 |
| 69 layer at (294,730) size 34x32 | 69 layer at (294,730) size 34x32 |
| 70 RenderButton {INPUT} at (286,0) size 34x32 | 70 RenderButton {INPUT} at (286,0) size 34x32 |
| OLD | NEW |