| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| 5 LayoutBlockFlow {BODY} at (12,12) size 776x543 | 5 LayoutBlockFlow {BODY} at (12,12) size 776x543 |
| 6 LayoutBlockFlow {P} at (0,0) size 776x28 | 6 LayoutBlockFlow {P} at (0,0) size 776x28 |
| 7 LayoutText {#text} at (0,0) size 275x27 | 7 LayoutText {#text} at (0,0) size 275x27 |
| 8 text run at (0,0) width 275: "Zoomed video with controls." | 8 text run at (0,0) width 275: "Zoomed video with controls." |
| 9 layer at (57,85) size 240x180 | 9 layer at (57,85) size 240x180 |
| 10 LayoutVideo {VIDEO} at (45,73) size 240x180 | 10 LayoutVideo {VIDEO} at (45,73) size 240x180 |
| 11 layer at (57,85) size 240x180 | 11 layer at (57,85) size 240x180 |
| 12 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180 | 12 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180 |
| 13 LayoutBlockFlow {DIV} at (0,127.50) size 240x52.50 | 13 LayoutBlockFlow {DIV} at (0,132) size 240x48 |
| 14 layer at (57,85) size 240x128 | 14 layer at (57,85) size 240x117 |
| 15 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x127.50 | 15 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x117 |
| 16 layer at (65,213) size 225x45 scrollWidth 329 | 16 layer at (57,217) size 240x48 scrollHeight 60 |
| 17 LayoutFlexibleBox (relative positioned) {DIV} at (7.50,0) size 225x45 [bgcolor
=#141414CC] | 17 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x48 [bgcolor=#F
AFAFA] |
| 18 LayoutButton {INPUT} at (13.50,0) size 45x45 | 18 LayoutButton {INPUT} at (0,0) size 48x48 |
| 19 LayoutSlider {INPUT} at (72,16.50) size 37.50x12 | 19 LayoutSlider {INPUT} at (75,22.50) size 90x3 |
| 20 LayoutFlexibleBox {DIV} at (0,0) size 37.50x12 [border: (1px solid #E6E6E6
59)] | 20 LayoutFlexibleBox {DIV} at (0,0) size 90x3 |
| 21 LayoutBlockFlow {DIV} at (1,-12) size 56.50x36 | 21 LayoutBlockFlow {DIV} at (-27,-34.50) size 144x72 |
| 22 LayoutBlockFlow {DIV} at (-10.50,0) size 48x36 | 22 LayoutBlockFlow {DIV} at (0,0) size 54x72 |
| 23 LayoutFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF] | 23 layer at (249,217) size 48x48 |
| 24 LayoutBlockFlow (anonymous) at (0,0) size 40x45 | 24 LayoutButton {INPUT} at (192,0) size 48x48 |
| 25 LayoutText {#text} at (0,10) size 40x24 | |
| 26 text run at (0,10) width 40: "0:00" | |
| 27 LayoutButton {INPUT} at (185.50,0) size 52.50x45 | |
| 28 LayoutSlider {INPUT} at (247,16.50) size 22.50x12 | |
| 29 LayoutFlexibleBox {DIV} at (0,0) size 22.50x12 [border: (1px solid #E6E6E6
59)] | |
| 30 LayoutBlockFlow {DIV} at (1,-12) size 41.50x36 | |
| 31 LayoutBlockFlow {DIV} at (-5,0) size 36x36 | |
| 32 LayoutButton {INPUT} at (284.50,0) size 45x45 | |
| 33 layer at (57,310) size 240x180 | 25 layer at (57,310) size 240x180 |
| 34 LayoutVideo {VIDEO} at (45,298) size 240x180 | 26 LayoutVideo {VIDEO} at (45,298) size 240x180 |
| 35 layer at (57,310) size 240x180 | 27 layer at (57,310) size 240x180 |
| 36 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180 | 28 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180 |
| 37 LayoutBlockFlow {DIV} at (0,127.50) size 240x52.50 | 29 LayoutBlockFlow {DIV} at (0,132) size 240x48 |
| 38 layer at (57,310) size 240x128 | 30 layer at (57,310) size 240x117 |
| 39 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x127.50 | 31 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x117 |
| 40 layer at (65,438) size 225x45 scrollWidth 329 | 32 layer at (57,442) size 240x48 scrollHeight 60 |
| 41 LayoutFlexibleBox (relative positioned) {DIV} at (7.50,0) size 225x45 [bgcolor
=#141414CC] | 33 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x48 [bgcolor=#F
AFAFA] |
| 42 LayoutButton {INPUT} at (13.50,0) size 45x45 | 34 LayoutButton {INPUT} at (0,0) size 48x48 |
| 43 LayoutSlider {INPUT} at (72,16.50) size 37.50x12 | 35 LayoutSlider {INPUT} at (75,22.50) size 90x3 |
| 44 LayoutFlexibleBox {DIV} at (0,0) size 37.50x12 [border: (1px solid #E6E6E6
59)] | 36 LayoutFlexibleBox {DIV} at (0,0) size 90x3 |
| 45 LayoutBlockFlow {DIV} at (1,-12) size 56.50x36 | 37 LayoutBlockFlow {DIV} at (-27,-34.50) size 144x72 |
| 46 LayoutBlockFlow {DIV} at (-10.50,0) size 48x36 | 38 LayoutBlockFlow {DIV} at (0,0) size 54x72 |
| 47 LayoutFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF] | 39 layer at (249,442) size 48x48 backgroundClip at (249,442) size 43x27 clip at (24
9,442) size 43x27 |
| 48 LayoutBlockFlow (anonymous) at (0,0) size 40x45 | 40 LayoutButton {INPUT} at (192,0) size 48x48 |
| 49 LayoutText {#text} at (0,10) size 40x24 | |
| 50 text run at (0,10) width 40: "0:00" | |
| 51 LayoutButton {INPUT} at (185.50,0) size 52.50x45 | |
| 52 LayoutSlider {INPUT} at (247,16.50) size 22.50x12 | |
| 53 LayoutFlexibleBox {DIV} at (0,0) size 22.50x12 [border: (1px solid #E6E6E6
59)] | |
| 54 LayoutBlockFlow {DIV} at (1,-12) size 41.50x36 | |
| 55 LayoutBlockFlow {DIV} at (-5,0) size 36x36 | |
| 56 LayoutButton {INPUT} at (284.50,0) size 45x45 | |
| OLD | NEW |