| 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 776x27 | 6 LayoutBlockFlow {P} at (0,0) size 776x27 |
| 7 LayoutText {#text} at (0,0) size 278x26 | 7 LayoutText {#text} at (0,0) size 278x26 |
| 8 text run at (0,0) width 278: "Zoomed video with controls." | 8 text run at (0,0) width 278: "Zoomed video with controls." |
| 9 layer at (57,84) size 240x180 | 9 layer at (57,84) size 240x180 |
| 10 LayoutVideo {VIDEO} at (45,72) size 240x180 | 10 LayoutVideo {VIDEO} at (45,72) size 240x180 |
| 11 layer at (57,84) size 240x180 | 11 layer at (57,84) 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,132) size 240x48 | 13 LayoutBlockFlow {DIV} at (0,132) size 240x48 |
| 14 layer at (57,84) size 240x117 | 14 layer at (57,84) size 240x117 |
| 15 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x117 | 15 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x117 |
| 16 layer at (57,216) size 240x48 scrollWidth 327 scrollHeight 60 | 16 layer at (57,216) size 240x48 |
| 17 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x48 [bgcolor=#F
AFAFA] | 17 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x48 [bgcolor=#F
AFAFA] |
| 18 LayoutButton {INPUT} at (0,0) size 48x48 | 18 LayoutButton {INPUT} at (0,0) size 48x48 |
| 19 LayoutSlider {INPUT} at (75,22.50) size 37.50x3 | 19 LayoutFlexibleBox {DIV} at (48,0) size 35.05x48 [color=#5A5A5A] |
| 20 LayoutFlexibleBox {DIV} at (0,0) size 37.50x3 | 20 LayoutBlockFlow (anonymous) at (0,0) size 35.05x48 |
| 21 LayoutBlockFlow {DIV} at (-27,-34.50) size 91.50x72 | 21 LayoutText {#text} at (0,14) size 36x20 |
| 22 LayoutBlockFlow {DIV} at (0,0) size 54x72 | 22 text run at (0,14) width 36: "0:00" |
| 23 LayoutButton {INPUT} at (139.50,0) size 48x48 | 23 LayoutButton {INPUT} at (83.05,0) size 48x48 |
| 24 LayoutSlider {INPUT} at (214.50,22.50) size 37.50x3 | 24 layer at (188,216) size 48x48 |
| 25 LayoutFlexibleBox {DIV} at (0,0) size 37.50x3 | 25 LayoutButton {INPUT} at (131.05,0) size 48x48 |
| 26 LayoutBlockFlow {DIV} at (-27,-34.50) size 91.50x72 | |
| 27 LayoutBlockFlow {DIV} at (37.50,0) size 54x72 | |
| 28 layer at (336,216) size 48x48 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | |
| 29 LayoutButton {INPUT} at (279,0) size 48x48 | |
| 30 layer at (57,309) size 240x180 | 26 layer at (57,309) size 240x180 |
| 31 LayoutVideo {VIDEO} at (45,297) size 240x180 | 27 LayoutVideo {VIDEO} at (45,297) size 240x180 |
| 32 layer at (57,309) size 240x180 | 28 layer at (57,309) size 240x180 |
| 33 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180 | 29 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180 |
| 34 LayoutBlockFlow {DIV} at (0,132) size 240x48 | 30 LayoutBlockFlow {DIV} at (0,132) size 240x48 |
| 35 layer at (57,309) size 240x117 | 31 layer at (57,309) size 240x117 |
| 36 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x117 | 32 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x117 |
| 37 layer at (57,441) size 240x48 scrollWidth 327 scrollHeight 60 | 33 layer at (57,441) size 240x48 |
| 38 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x48 [bgcolor=#F
AFAFA] | 34 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 240x48 [bgcolor=#F
AFAFA] |
| 39 LayoutButton {INPUT} at (0,0) size 48x48 | 35 LayoutButton {INPUT} at (0,0) size 48x48 |
| 40 LayoutSlider {INPUT} at (75,22.50) size 37.50x3 | 36 LayoutFlexibleBox {DIV} at (48,0) size 35.05x48 [color=#5A5A5A] |
| 41 LayoutFlexibleBox {DIV} at (0,0) size 37.50x3 | 37 LayoutBlockFlow (anonymous) at (0,0) size 35.05x48 |
| 42 LayoutBlockFlow {DIV} at (-27,-34.50) size 91.50x72 | 38 LayoutText {#text} at (0,14) size 36x20 |
| 43 LayoutBlockFlow {DIV} at (0,0) size 54x72 | 39 text run at (0,14) width 36: "0:00" |
| 44 LayoutButton {INPUT} at (139.50,0) size 48x48 | 40 LayoutButton {INPUT} at (83.05,0) size 48x48 |
| 45 LayoutSlider {INPUT} at (214.50,22.50) size 37.50x3 | 41 layer at (188,441) size 48x48 backgroundClip at (188,441) size 48x27 clip at (18
8,441) size 48x27 |
| 46 LayoutFlexibleBox {DIV} at (0,0) size 37.50x3 | 42 LayoutButton {INPUT} at (131.05,0) size 48x48 |
| 47 LayoutBlockFlow {DIV} at (-27,-34.50) size 91.50x72 | |
| 48 LayoutBlockFlow {DIV} at (37.50,0) size 54x72 | |
| 49 layer at (336,441) size 48x48 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | |
| 50 LayoutButton {INPUT} at (279,0) size 48x48 | |
| OLD | NEW |