layer at (0,0) size 800x600
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x332
- RenderBlock {HTML} at (0,0) size 800x332
- RenderBody {BODY} at (8,8) size 784x316
+layer at (0,0) size 800x324
+ RenderBlock {HTML} at (0,0) size 800x324
+ RenderBody {BODY} at (8,8) size 784x308
RenderBlock (anonymous) at (0,0) size 784x244
RenderText {#text} at (0,0) size 0x0
- RenderBlock {DIV} at (0,244) size 784x72
- RenderInline {SPAN} at (0,0) size 266x18
- RenderText {#text} at (0,0) size 266x18
- text run at (0,0) width 266: "Rendering horizontal line-positioned cues."
- RenderBR {BR} at (266,0) size 0x18
- RenderInline {SPAN} at (0,0) size 162x18
- RenderText {#text} at (0,18) size 162x18
- text run at (0,18) width 162: "EVENT(canplaythrough)"
- RenderBR {BR} at (162,18) size 0x18
- RenderInline {SPAN} at (0,0) size 107x18
- RenderText {#text} at (0,36) size 107x18
- text run at (0,36) width 107: "EVENT(seeked)"
- RenderBR {BR} at (107,36) size 0x18
- RenderInline {SPAN} at (0,0) size 102x18
- RenderText {#text} at (0,54) size 102x18
- text run at (0,54) width 102: "END OF TEST"
- RenderBR {BR} at (102,54) size 0x18
+ RenderBlock {DIV} at (0,244) size 784x64
+ RenderInline {SPAN} at (0,0) size 272x16
+ RenderText {#text} at (0,0) size 272x16
+ text run at (0,0) width 272: "Rendering horizontal line-positioned cues."
+ RenderBR {BR} at (271,0) size 1x16
+ RenderInline {SPAN} at (0,0) size 163x16
+ RenderText {#text} at (0,16) size 163x16
+ text run at (0,16) width 163: "EVENT(canplaythrough)"
+ RenderBR {BR} at (162,16) size 1x16
+ RenderInline {SPAN} at (0,0) size 107x16
+ RenderText {#text} at (0,32) size 107x16
+ text run at (0,32) width 107: "EVENT(seeked)"
+ RenderBR {BR} at (106,32) size 1x16
+ RenderInline {SPAN} at (0,0) size 100x16
+ RenderText {#text} at (0,48) size 100x16
+ text run at (0,48) width 100: "END OF TEST"
+ RenderBR {BR} at (99,48) size 1x16
layer at (8,8) size 320x240
RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,8) size 320x240
RenderFlexibleBox {DIV} at (0,0) size 320x205
layer at (8,8) size 320x205
RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
-layer at (8,8) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,0) size 320x14
- RenderInline {DIV} at (0,0) size 280x18 [bgcolor=#000000CC]
- RenderText {#text} at (22,0) size 276x14
- text run at (22,0) width 276: "Cue 1: should be positioned at the top of the video."
-layer at (8,26) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,18) size 320x14
- RenderInline {DIV} at (0,0) size 308x18 [bgcolor=#000000CC]
- RenderText {#text} at (8,0) size 304x14
- text run at (8,0) width 304: "Cue 2: should be the second cue and not overlap cue 1."
-layer at (8,44) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,36) size 320x14
- RenderInline {DIV} at (0,0) size 300x18 [bgcolor=#000000CC]
- RenderText {#text} at (12,0) size 296x14
- text run at (12,0) width 296: "Cue 3: should become the third line from top to bottom."
-layer at (8,98) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,90) size 320x14
- RenderInline {DIV} at (0,0) size 292x18 [bgcolor=#000000CC]
- RenderText {#text} at (16,0) size 288x14
- text run at (16,0) width 288: "Cue 4: should be fixed positioned around the middle."
-layer at (8,195) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,187) size 320x14
- RenderInline {DIV} at (0,0) size 296x18 [bgcolor=#000000CC]
- RenderText {#text} at (14,0) size 292x14
- text run at (14,0) width 292: "Cue 5: should be displayed at the bottom of the video."
-layer at (8,177) size 320x14 scrollHeight 16
- RenderBlock (positioned) {DIV} at (0,169) size 320x14
- RenderInline {DIV} at (0,0) size 284x18 [bgcolor=#000000CC]
- RenderText {#text} at (20,0) size 280x14
- text run at (20,0) width 280: "Cue 6: should be on top of bottom positioned cue 5."
+layer at (8,8) size 320x12 scrollHeight 14
+ RenderBlock (positioned) {DIV} at (0,0) size 320x12
+ RenderInline {DIV} at (0,0) size 276x16 [bgcolor=#000000CC]
+ RenderText {#text} at (24,0) size 272x12
+ text run at (24,0) width 272: "Cue 1: should be positioned at the top of the video."
+layer at (8,24) size 320x12 scrollHeight 14
+ RenderBlock (positioned) {DIV} at (0,16) size 320x12
+ RenderInline {DIV} at (0,0) size 302x16 [bgcolor=#000000CC]
+ RenderText {#text} at (11,0) size 298x12
+ text run at (11,0) width 298: "Cue 2: should be the second cue and not overlap cue 1."
+layer at (8,40) size 320x12 scrollHeight 14
+ RenderBlock (positioned) {DIV} at (0,32) size 320x12
+ RenderInline {DIV} at (0,0) size 298x16 [bgcolor=#000000CC]
+ RenderText {#text} at (13,0) size 294x12
+ text run at (13,0) width 294: "Cue 3: should become the third line from top to bottom."
+layer at (8,88) size 320x12 scrollHeight 14
+ RenderBlock (positioned) {DIV} at (0,80) size 320x12
+ RenderInline {DIV} at (0,0) size 286x16 [bgcolor=#000000CC]
+ RenderText {#text} at (19,0) size 282x12
+ text run at (19,0) width 282: "Cue 4: should be fixed positioned around the middle."
+layer at (8,197) size 320x12 scrollHeight 14
+ RenderBlock (positioned) {DIV} at (0,189) size 320x12
+ RenderInline {DIV} at (0,0) size 292x16 [bgcolor=#000000CC]
+ RenderText {#text} at (16,0) size 288x12
+ text run at (16,0) width 288: "Cue 5: should be displayed at the bottom of the video."
+layer at (8,181) size 320x12 scrollHeight 14
+ RenderBlock (positioned) {DIV} at (0,173) size 320x12
+ RenderInline {DIV} at (0,0) size 280x16 [bgcolor=#000000CC]
+ RenderText {#text} at (22,0) size 276x12
+ text run at (22,0) width 276: "Cue 6: should be on top of bottom positioned cue 5."
layer at (13,213) size 310x30
RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
RenderButton {INPUT} at (9,0) size 30x30
- RenderSlider {INPUT} at (48,11) size 74x8
- RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
- RenderBlock {DIV} at (1,-8) size 86x24
- RenderBlock {DIV} at (-4.77,0) size 32x24
- RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
- RenderBlock (anonymous) at (0,0) size 25x30
- RenderText {#text} at (0,7) size 25x15
- text run at (0,7) width 25: "0:00"
+ RenderSlider {INPUT} at (48,11) size 72.97x8
+ RenderFlexibleBox {DIV} at (0,0) size 72.97x8 [border: (1px solid #E6E6E659)]
+ RenderBlock {DIV} at (1,-8) size 84.97x24
+ RenderBlock {DIV} at (-4.81,0) size 32x24
+ RenderFlexibleBox {DIV} at (135.97,0) size 26.03x30 [color=#FFFFFF]
+ RenderBlock (anonymous) at (0,0) size 26.03x30
+ RenderText {#text} at (0,7) size 27x15
+ text run at (0,7) width 27: "0:00"
RenderButton {INPUT} at (171,0) size 35x30
RenderSlider {INPUT} at (212,11) size 15x8
RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]