| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x305 | |
| 4 RenderBlock {HTML} at (0,0) size 800x305 | |
| 5 RenderBody {BODY} at (8,16) size 784x281 | |
| 6 RenderBlock {P} at (0,0) size 784x20 | |
| 7 RenderText {#text} at (0,0) size 214x19 | |
| 8 text run at (0,0) width 214: "Drawing the controls in strict mode." | |
| 9 RenderBlock (anonymous) at (0,36) size 784x245 | |
| 10 RenderText {#text} at (0,0) size 0x0 | |
| 11 RenderText {#text} at (0,0) size 0x0 | |
| 12 RenderText {#text} at (0,0) size 0x0 | |
| 13 layer at (8,52) size 320x240 | |
| 14 RenderVideo {VIDEO} at (0,0) size 320x240 | |
| 15 layer at (8,52) size 320x240 | |
| 16 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 | |
| 17 layer at (8,260) size 320x32 | |
| 18 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] | |
| 19 layer at (15,266) size 18x19 | |
| 20 RenderButton {INPUT} at (7,6) size 18x19 | |
| 21 layer at (38,260) size 256x32 | |
| 22 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | |
| 23 layer at (236,266) size 58x20 | |
| 24 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | |
| 25 RenderText {#text} at (8,1) size 42x19 | |
| 26 text run at (8,1) width 42: "00:00" | |
| 27 layer at (44,266) size 185x24 | |
| 28 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | |
| 29 RenderBlock {DIV} at (3,-5) size 9x29 | |
| 30 layer at (294,260) size 34x32 | |
| 31 RenderButton {INPUT} at (286,0) size 34x32 | |
| OLD | NEW |