| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x341 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x341 | |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x325 | |
| 6 LayoutBlockFlow (anonymous) at (0,0) size 784x245 | |
| 7 LayoutText {#text} at (0,0) size 0x0 | |
| 8 LayoutBlockFlow {DIV} at (0,245) size 784x80 | |
| 9 LayoutInline {SPAN} at (0,0) size 250x19 | |
| 10 LayoutText {#text} at (0,0) size 250x19 | |
| 11 text run at (0,0) width 250: "Rendering horizontal line-positioned c
ues." | |
| 12 LayoutBR {BR} at (250,0) size 0x19 | |
| 13 LayoutInline {SPAN} at (0,0) size 151x19 | |
| 14 LayoutText {#text} at (0,20) size 151x19 | |
| 15 text run at (0,20) width 151: "EVENT(canplaythrough)" | |
| 16 LayoutBR {BR} at (151,20) size 0x19 | |
| 17 LayoutInline {SPAN} at (0,0) size 103x19 | |
| 18 LayoutText {#text} at (0,40) size 103x19 | |
| 19 text run at (0,40) width 103: "EVENT(seeked)" | |
| 20 LayoutBR {BR} at (103,40) size 0x19 | |
| 21 LayoutInline {SPAN} at (0,0) size 97x19 | |
| 22 LayoutText {#text} at (0,60) size 97x19 | |
| 23 text run at (0,60) width 97: "END OF TEST" | |
| 24 LayoutBR {BR} at (97,60) size 0x19 | |
| 25 layer at (8,8) size 320x240 | |
| 26 LayoutVideo {VIDEO} at (0,0) size 320x240 | |
| 27 layer at (8,8) size 320x240 | |
| 28 LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 320x240 [color=#FFFF
FF] | |
| 29 layer at (8,8) size 320x15 scrollHeight 17 | |
| 30 LayoutBlockFlow (positioned) {DIV} at (0,0) size 320x15 | |
| 31 LayoutInline {DIV} at (0,0) size 280x19 [bgcolor=#000000CC] | |
| 32 LayoutText {#text} at (22,0) size 276x15 | |
| 33 text run at (22,0) width 276: "Cue 1: should be positioned at the top of
the video." | |
| 34 layer at (8,27) size 320x15 scrollHeight 17 | |
| 35 LayoutBlockFlow (positioned) {DIV} at (0,19) size 320x15 | |
| 36 LayoutInline {DIV} at (0,0) size 308x19 [bgcolor=#000000CC] | |
| 37 LayoutText {#text} at (8,0) size 304x15 | |
| 38 text run at (8,0) width 304: "Cue 2: should be the second cue and not ov
erlap cue 1." | |
| 39 layer at (8,46) size 320x15 scrollHeight 17 | |
| 40 LayoutBlockFlow (positioned) {DIV} at (0,38) size 320x15 | |
| 41 LayoutInline {DIV} at (0,0) size 304x19 [bgcolor=#000000CC] | |
| 42 LayoutText {#text} at (10,0) size 300x15 | |
| 43 text run at (10,0) width 300: "Cue 3: should become the third line from
top to bottom." | |
| 44 layer at (8,103) size 320x15 scrollHeight 17 | |
| 45 LayoutBlockFlow (positioned) {DIV} at (0,95) size 320x15 | |
| 46 LayoutInline {DIV} at (0,0) size 294x19 [bgcolor=#000000CC] | |
| 47 LayoutText {#text} at (15,0) size 290x15 | |
| 48 text run at (15,0) width 290: "Cue 4: should be fixed positioned around
the middle." | |
| 49 layer at (8,229) size 320x15 scrollHeight 17 | |
| 50 LayoutBlockFlow (positioned) {DIV} at (0,221) size 320x15 | |
| 51 LayoutInline {DIV} at (0,0) size 296x19 [bgcolor=#000000CC] | |
| 52 LayoutText {#text} at (14,0) size 292x15 | |
| 53 text run at (14,0) width 292: "Cue 5: should be displayed at the bottom
of the video." | |
| 54 layer at (8,210) size 320x15 scrollHeight 17 | |
| 55 LayoutBlockFlow (positioned) {DIV} at (0,202) size 320x15 | |
| 56 LayoutInline {DIV} at (0,0) size 286x19 [bgcolor=#000000CC] | |
| 57 LayoutText {#text} at (19,0) size 282x15 | |
| 58 text run at (19,0) width 282: "Cue 6: should be on top of bottom positio
ned cue 5." | |
| 59 layer at (8,8) size 320x240 | |
| 60 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | |
| 61 LayoutBlockFlow {DIV} at (0,205) size 320x35 | |
| 62 layer at (8,8) size 320x205 | |
| 63 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | |
| OLD | NEW |