Attachment #188453 for bug #109775

View Details Raw Unified Return to Bug 109775

| Differences between



2013-02-14  Christian Biesinger  <cbiesinger@chromium.org>

        Convert media controls from DeprecatedFlexibleBox to FlexibleBox
        https://bugs.webkit.org/show_bug.cgi?id=109775

        Reviewed by NOBODY (OOPS!).

        Covered by existing tests in media/.

        * css/mediaControls.css:
        * css/mediaControlsBlackBerry.css:
        * css/mediaControlsChromium.css:
        * css/mediaControlsChromiumAndroid.css:
        * css/mediaControlsEfl.css:
        * css/mediaControlsGtk.css:
        * css/mediaControlsQt.css:
        * css/mediaControlsQuickTime.css:
        Automated search and replace of old flexbox CSS rules to new ones.
        Minor tuning of the chromium rules.

        * rendering/RenderMediaControlElements.cpp:
        (WebCore::RenderMediaControlTimeDisplay::RenderMediaControlTimeDisplay):
        (WebCore::RenderMediaControlTimeDisplay::layout):
        * rendering/RenderMediaControlElements.h:
        Make media controls inherit from RenderFlexibleBox

2013-02-14  Kentaro Hara  <haraken@chromium.org>

        [V8] Remove GenerateEventListenerCallback() from CodeGeneratorV8.pm



    width: inherit;
    height: inherit;
    position: relative;
    display: -webkit-flex;
    direction: ltr;
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-end;
    -webkit-flex-direction: column;
}

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-user-select: none;
    position: relative;
    bottom: 0;


audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
    -webkit-appearance: media-mute-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    background-color: initial;


audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
    -webkit-appearance: media-play-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    background-color: initial;


audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
    -webkit-appearance: media-controls-background;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-flex: 1 1;
    -webkit-user-select: none;
    height: 16px;
}


audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    -webkit-appearance: media-slider;
    display: -webkit-flex;
    -webkit-flex: 1 1;
    height: 16px;
    padding: 0px 2px;
    background-color: initial;


audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
    -webkit-appearance: media-seek-back-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    background-color: initial;


audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
    -webkit-appearance: media-seek-forward-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    background-color: initial;


audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
    -webkit-appearance: media-enter-fullscreen-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    background-color: initial;


audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
    -webkit-appearance: media-toggle-closed-captions-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    background-color: initial;

    -webkit-user-select: none;
    word-break: break-word;

    -webkit-flex: 1 1;
}

video::-webkit-media-text-track-all-nodes {



}

audio::-webkit-media-controls-embedded-panel, video::-webkit-media-controls-embedded-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;


video::-webkit-media-controls-time-display-container, audio::-webkit-media-controls-time-display-container {
    -webkit-appearance: media-controls-background;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
    -webkit-flex: 1 1;
}

video::-webkit-media-controls-fullscreen-play-button, audio::-webkit-media-controls-fullscreen-play-button {


video::-webkit-media-controls-play-button, audio::-webkit-media-controls-play-button {
    -webkit-appearance: media-play-button;
    display: -webkit-flex;
}

audio::-webkit-media-controls-fullscreen-timeline-container, video::-webkit-media-controls-fullscreen-timeline-container {


video::-webkit-media-controls-timeline-container, audio::-webkit-media-controls-timeline-container {
    -webkit-appearance: media-controls-background;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: stretch;
    -webkit-justify-content: center;
    -webkit-flex: 1 1;
    height: auto;
    width: 100%;
}


audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
    -webkit-appearance: media-current-time-display;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-flex: 0 0;
    color: #fafafa;
}



video::-webkit-media-controls-time-remaining-display, audio::-webkit-media-controls-time-remaining-display {
    -webkit-appearance: media-time-remaining-display;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-flex: 0 0;
    color: rgb(125, 125, 125);
}



audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    -webkit-appearance: media-slider;
    display: -webkit-flex;
    -webkit-flex: 1 1;
    margin-bottom: 2px;
}



video::-webkit-media-controls-fullscreen-button {
    -webkit-appearance: media-enter-fullscreen-button;
    display: -webkit-flex;
}

audio::-webkit-media-controls-fullscreen-button {


audio::-webkit-media-controls-audio-mute-button {
    -webkit-appearance: media-mute-button;
    display: -webkit-flex;
}

video::-webkit-media-controls-audio-mute-button {


audio::-webkit-media-controls-volume-slider-container {
    -webkit-appearance: media-volume-slider-container;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-flex: 1 1;
    -webkit-user-select: none;
    position: absolute;
    left: 0px;


audio::-webkit-media-controls-volume-slider {
     -webkit-appearance: media-volume-slider;
     display: -webkit-flex;
     -webkit-flex: 1 1;
    position: absolute;
    left: 3%;
    right: 3%;



}

::-webkit-media-controls {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}

audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {

}

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    /* We use flex-start here to ensure that the play button is visible even
     * if we are too small to show all controls.
     */
    -webkit-justify-content: flex-start;
    bottom: auto;
    height: 30px;
    background-color: rgba(20, 20, 20, 0.8);


audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
    -webkit-appearance: media-mute-button;
    display: -webkit-flex;
    -webkit-flex: none;
    border: none;
    box-sizing: border-box;
    width: 35px;


audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
    -webkit-appearance: media-play-button;
    display: -webkit-flex;
    -webkit-flex: none;
    border: none;
    box-sizing: border-box;
    width: 30px;

audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
    -webkit-appearance: media-current-time-display;
    -webkit-user-select: none;
    -webkit-flex: none;
    display: block;
    border: none;
    cursor: default;


audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    -webkit-appearance: media-slider;
    display: -webkit-flex;
    -webkit-flex: 1 1 auto;
    height: 8px;
    margin: 0 15px 0 0;
    padding: 0;


audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
    -webkit-appearance: media-volume-slider;
    display: -webkit-flex;
    /* The 1.9 value was empirically chosen to match old-flexbox behaviour
     * and be aesthetically pleasing.
     */
    -webkit-flex: 1 1.9 auto;
    height: 8px;
    max-width: 70px;
    margin: 0 15px 0 0;

   https://bugs.webkit.org/show_bug.cgi?id=62218
*/
input[type="range"]::-webkit-media-slider-container {
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-direction: row; /* This property is updated by C++ code. */
    box-sizing: border-box;
    height: 100%;
    width: 100%;


audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
    -webkit-appearance: media-toggle-closed-captions-button;
    display: -webkit-flex;
    -webkit-flex: none;
    border: none;
    box-sizing: border-box;
    width: 30px;


audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
    -webkit-appearance: media-enter-fullscreen-button;
    display: -webkit-flex;
    -webkit-flex: none;
    border: none;
    box-sizing: border-box;
    width: 30px;



}

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    bottom: auto;
    height: 35px;
    background-color: rgba(20, 20, 20, 0.8);

}

::-webkit-media-controls {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}

audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {

}

video::-webkit-media-controls-overlay-enclosure {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-flex: 1 1;
    width: 100%;
    height: 100%;
    max-width: 800px;


video::-webkit-media-controls-overlay-play-button {
    -webkit-appearance: media-overlay-play-button;
    -webkit-align-items: center;
    display: -webkit-flex;
    border: none;
    box-sizing: border-box;
    background-color: transparent;


audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    -webkit-appearance: media-slider;
    display: -webkit-flex;
    -webkit-flex: 1 1;
    height: 8px;
    margin: 0 15px 0 0;
    padding: 0;

}

input[type="range"]::-webkit-media-slider-container {
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-flex-direction: row;
    box-sizing: border-box;
    height: 100%;
    width: 100%;



}

audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-user-select: none;
    position: relative;
    bottom: 0;


audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
    -webkit-appearance: media-mute-button;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    position: relative;


audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
    -webkit-appearance: media-play-button;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    background-color: initial;


audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
    -webkit-appearance: media-controls-background;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: flex-end;
    -webkit-flex: 1 1;
    -webkit-user-select: none;
    height: 20px;
}

audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
    -webkit-appearance: media-current-time-display;
    -webkit-user-select: none;
    display: -webkit-flex;
    height: 20px;

    padding: 4px;


audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    -webkit-appearance: media-slider;
    display: -webkit-flex;
    -webkit-flex: 1 1;
    height: 20px;
    padding: 0px 2px;
    background-color: initial;


audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
    -webkit-appearance: media-seek-back-button;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    background-color: initial;


audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
    -webkit-appearance: media-seek-forward-button;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    background-color: initial;


audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
    -webkit-appearance: media-fullscreen-button;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    background-color: initial;


audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
    -webkit-appearance: media-toggle-closed-captions-button;
    display: -webkit-flex;
    width: 20px;
    height: 20px;
    background-color: initial;

Lines 26-32 audio { a/Source/WebCore/css/mediaControlsGtk.css_sec1
- a/Source/WebCore/css/mediaControlsGtk.css -1 / +1 lines
26	}	26	}
27		27
28	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {	28	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
29	-webkit-box-align: end;	29	-webkit-align-items: flex-end;
30	text-align: right;	30	text-align: right;
31	height: 100%;	31	height: 100%;
32	}	32	}



}

audio::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: flex-end;
    -webkit-user-select: none;
    position: absolute;
    bottom: 0;

}

video::-webkit-media-controls-panel {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-align-items: flex-end;
    -webkit-user-select: none;
    position: absolute;
    bottom: 0;



}

audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
    -webkit-order: 2; /* Before the fullscreen button */

    width: 14px;
    height: 12px;


audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
    -webkit-appearance: none;
    -webkit-flex-direction: row;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex: 1 1;
    text-align: right;
    height: auto;
}

audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
    -webkit-user-select: none;
    display: -webkit-flex;
    -webkit-flex: 0 0;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    cursor: default;
    font: -webkit-small-control;
    font-size: 9px;


audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
    -webkit-user-select: none;
    display: -webkit-flex;
    -webkit-flex: 0 0;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    cursor: default;
    font: -webkit-small-control;
    font-size: 9px;

}

audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
    display: -webkit-flex;
    -webkit-flex: 1 1;
    height: 13px;
    padding: 0px;
    margin: 0px;

    height: 16px;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-order: 4; /* At the very end */
    border: none !important;
}

audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
    display: -webkit-flex;
    -webkit-appearance: media-rewind-button;
    width: 18px;
    height: 18px;

audio::-webkit-media-controls-status-display, video::-webkit-media-controls-status-display {
    -webkit-user-select: none;
    cursor: default;
    display: -webkit-flex;
    -webkit-flex: 1 1;
    font: -webkit-small-control;
    color: white;
    font-size: 10px;


video::-webkit-media-controls-toggle-closed-captions-button {
    -webkit-appearance: media-toggle-closed-captions-button;
    display: -webkit-flex;
    width: 16px;
    height: 16px;
    margin-left: 7px;
    margin-right: 7px;
    -webkit-order: 3; /* between mute and fullscreen */
    border: none !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 105"><path fill="rgb(224,224,224)" d="M98.766,43.224c0-23.163-21.775-41.94-48.637-41.94c-26.859,0-48.635,18.777-48.635,41.94c0,18.266,13.546,33.796,32.444,39.549c1.131,8.356,26.037,24.255,22.864,19.921c-4.462-6.096-5.159-13.183-5.07-17.566C77.85,84.397,98.766,65.923,98.766,43.224z"/></svg>');
    background-repeat: no-repeat;



// ----------------------------

RenderMediaControlTimeDisplay::RenderMediaControlTimeDisplay(Element* element)
    : RenderFlexibleBox(element)
{
}



void RenderMediaControlTimeDisplay::layout()
{
    RenderFlexibleBox::layout();
    RenderBox* timelineContainerBox = parentBox();
    while (timelineContainerBox && timelineContainerBox->isAnonymous())
        timelineContainerBox = timelineContainerBox->parentBox();




#include "MediaControlElements.h"
#include "RenderBlock.h"
#include "RenderFlexibleBox.h"

namespace WebCore {



// ----------------------------

class RenderMediaControlTimeDisplay : public RenderFlexibleBox {
public:
    RenderMediaControlTimeDisplay(Element*);




2013-02-14  Christian Biesinger  <cbiesinger@chromium.org>

        Convert media controls from DeprecatedFlexibleBox to FlexibleBox
        https://bugs.webkit.org/show_bug.cgi?id=109775

        Reviewed by NOBODY (OOPS!).

        Rebaselined lots of tests. There were two kinds of changes:
        - Replaced the RenderDeprecatedFlexibleBox class name with
        RenderFlexibleBox, and minor printing differences
        - Slight positioning/size changes due to a different algorithm for
        shrinking elements (old flexbox shrinks elements evenly, new flexbox
        shrinks in proportion to the size of the flex item)

2013-02-14  Philip Rogers  <pdr@google.com>

        Rebaseline 9 SVG tests after r142765



    layer at (40,164) size 300x1
      RenderBlock (relative positioned) {DIV} at (0,0) size 300x1
    layer at (40,140) size 300x25
      RenderFlexibleBox (positioned) {DIV} at (0,-24) size 300x25
        RenderButton {INPUT} at (6,3) size 18x18
        RenderButton {INPUT} at (32,4) size 16x16
        RenderFlexibleBox {DIV} at (49,5) size 226x15
          RenderSlider {INPUT} at (45,2) size 136x13
            RenderFlexibleBox {DIV} at (0,0) size 136x13
              RenderBlock {DIV} at (0,2) size 126x8
              RenderBlock {DIV} at (126,2) size 10x8
        RenderButton {INPUT} at (277,6) size 14x12
    layer at (89,147) size 45x11
      RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (9,0) size 26x11
          RenderText {#text} at (0,0) size 26x11
            text run at (0,0) width 26: "00:00"
    layer at (270,147) size 45x11
      RenderFlexibleBox {DIV} at (181,2) size 45x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (7,0) size 31x11
          RenderText {#text} at (0,0) size 31x11
            text run at (0,0) width 31: "-00:00"



layer at (8,28) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,28) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderFlexibleBox {DIV} at (0,0) size 300x115
      RenderButton {INPUT} at (110,17) size 80x81
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,143) size 290x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 176x9
      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 156x24
        RenderBlock {DIV} at (150,1) size 32x24
    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"
layer at (60,149) size 32x24
  RenderBlock {DIV} at (-7,-8) size 32x24



layer at (58,114) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,115) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
    RenderFlexibleBox {DIV} at (0,0) size 300x115
      RenderButton {INPUT} at (110,17) size 80x81
    RenderBlock {DIV} at (0,115) size 300x35
layer at (64,230) size 290x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 176x9
      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 156x24
        RenderBlock {DIV} at (150,1) size 32x24
    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"
layer at (111,236) size 32x24
  RenderBlock {DIV} at (-7,-8) size 32x24



        RenderBR {BR} at (0,90) size 0x19
        RenderBR {BR} at (0,110) size 0x19
layer at (8,44) size 300x35
  RenderFlexibleBox {DIV} at (0,0) size 300x35
    RenderBlock {DIV} at (0,0) size 300x35
layer at (8,44) size 300x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 186x9
      RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 166x24
        RenderBlock {DIV} at (160,1) size 32x24
    RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:07"
layer at (55,50) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (8,99) size 320x35
  RenderFlexibleBox {DIV} at (0,0) size 320x35
    RenderBlock {DIV} at (0,0) size 320x35
layer at (8,99) size 320x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 206x9
      RenderFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 186x24
        RenderBlock {DIV} at (180,1) size 32x24
    RenderFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:07"

layer at (8,154) size 320x100
  RenderMedia {AUDIO} at (8,154) size 320x100 [bgcolor=#0000FF]
layer at (8,154) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
    RenderBlock {DIV} at (0,65) size 320x35
layer at (8,219) size 320x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 206x9
      RenderFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 186x24
        RenderBlock {DIV} at (180,1) size 32x24
    RenderFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:07"



layer at (8,44) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,249) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (8,52) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,52) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,257) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (8,284) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]
    RenderBlock {DIV} at (0,205) size 320x35
layer at (23,249) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"

layer at (70,255) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (8,284) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,489) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (332,52) size 320x240
  RenderVideo {VIDEO} at (324,0) size 320x240
layer at (8,52) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,257) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x38
      RenderButton {INPUT} at (9,2) size 35x36
    RenderSlider {INPUT} at (53,13) size 158x9
      RenderFlexibleBox {DIV} at (0,0) size 158x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 138x24
        RenderBlock {DIV} at (132,1) size 32x24
    RenderFlexibleBox {DIV} at (226,0) size 36x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 36x35
        RenderText {#text} at (0,7) size 36x21
          text run at (0,7) width 36: "0:00"

layer at (60,263) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (332,52) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (337,257) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (8,44) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,249) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (8,163) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderFlexibleBox {DIV} at (0,0) size 300x115
      RenderButton {INPUT} at (110,17) size 80x81
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,123) size 290x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 176x9
      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 156x24
        RenderBlock {DIV} at (150,1) size 32x24
    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"
layer at (60,129) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (308,123) size 300x35
  RenderFlexibleBox {DIV} at (0,0) size 300x35
    RenderBlock {DIV} at (0,0) size 300x35
layer at (308,123) size 300x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 186x9
      RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 166x24
        RenderBlock {DIV} at (160,1) size 32x24
    RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"
layer at (355,129) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (8,163) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderFlexibleBox {DIV} at (0,0) size 300x115
      RenderButton {INPUT} at (110,17) size 80x81
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,278) size 290x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 176x9
      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 156x24
        RenderBlock {DIV} at (150,1) size 32x24
    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"
layer at (60,284) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (308,278) size 300x35
  RenderFlexibleBox {DIV} at (0,0) size 300x35
    RenderBlock {DIV} at (0,0) size 300x35
layer at (308,278) size 300x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 186x9
      RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 166x24
        RenderBlock {DIV} at (160,1) size 32x24
    RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



          layer at (40,165) size 300x1
            RenderVideo {VIDEO} at (40,165) size 300x1
          layer at (40,165) size 300x1
            RenderFlexibleBox {DIV} at (0,0) size 300x1
              RenderFlexibleBox {DIV} at (0,0) size 300x0
                RenderButton {INPUT} at (110,0) size 80x80
              RenderBlock {DIV} at (0,0) size 300x35
          layer at (45,165) size 290x35 scrollHeight 39
            RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
              RenderBlock (anonymous) at (0,0) size 53x35
                RenderButton {INPUT} at (9,-1) size 35x36
              RenderSlider {INPUT} at (53,13) size 176x9
                RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
                  RenderBlock {DIV} at (1,1) size 156x24
                  RenderBlock {DIV} at (150,1) size 32x24
              RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
                RenderBlock (anonymous) at (0,0) size 37x35
                  RenderText {#text} at (0,7) size 37x21
                    text run at (0,7) width 37: "0:00"



layer at (8,284) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,249) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"

layer at (60,255) size 32x24
  RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
layer at (8,284) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,489) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"

layer at (8,524) size 320x240
  RenderVideo {VIDEO} at (8,524) size 320x240
layer at (8,524) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,729) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (8,28) size 320x240
  RenderVideo {VIDEO} at (0,20) size 320x240
layer at (8,28) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,233) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:06"



layer at (8,44) size 302x152
  RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
layer at (9,45) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
    RenderFlexibleBox {DIV} at (0,0) size 300x115
      RenderButton {INPUT} at (110,17) size 80x81
    RenderBlock {DIV} at (0,115) size 300x35
layer at (14,160) size 290x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 176x9
      RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 156x24
        RenderBlock {DIV} at (150,1) size 32x24
    RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (8,44) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,44) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
    RenderFlexibleBox {DIV} at (0,0) size 352x253
      RenderButton {INPUT} at (136,86) size 80x81
    RenderBlock {DIV} at (0,253) size 352x35
layer at (13,297) size 342x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 342x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 189x9
      RenderFlexibleBox {DIV} at (0,0) size 189x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 169x24
        RenderBlock {DIV} at (163,1) size 32x24
    RenderFlexibleBox {DIV} at (257,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:09"



layer at (8,72) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,72) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderFlexibleBox {DIV} at (0,0) size 320x205
      RenderButton {INPUT} at (120,62) size 80x81
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,277) size 310x35 scrollHeight 39
  RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 53x35
      RenderButton {INPUT} at (9,-1) size 35x36
    RenderSlider {INPUT} at (53,13) size 157x9
      RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 137x24
        RenderBlock {DIV} at (131,1) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 37x35
        RenderText {#text} at (0,7) size 37x21
          text run at (0,7) width 37: "0:00"



layer at (57,85) size 240x180
  RenderVideo {VIDEO} at (45,73) size 240x180
layer at (57,85) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderFlexibleBox {DIV} at (0,0) size 240x128
      RenderButton {INPUT} at (60,3) size 120x121
    RenderBlock {DIV} at (0,127) size 240x53
layer at (65,213) size 225x53 backgroundClip at (65,213) size 225x52 clip at (65,213) size 225x52 scrollWidth 267 scrollHeight 57
  RenderFlexibleBox {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 80x53
      RenderButton {INPUT} at (13,-1) size 53x53
    RenderSlider {INPUT} at (79,20) size 38x13
      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 9x36
        RenderBlock {DIV} at (-1,1) size 48x36
    RenderFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 55x53
        RenderText {#text} at (0,10) size 55x32
          text run at (0,10) width 55: "0:00"

layer at (57,310) size 240x180
  RenderVideo {VIDEO} at (45,298) size 240x180
layer at (57,310) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderFlexibleBox {DIV} at (0,0) size 240x128
      RenderButton {INPUT} at (60,3) size 120x121
    RenderBlock {DIV} at (0,127) size 240x53
layer at (65,438) size 225x53 backgroundClip at (65,438) size 225x52 clip at (65,438) size 225x52 scrollWidth 267 scrollHeight 57
  RenderFlexibleBox {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
    RenderBlock (anonymous) at (0,0) size 80x53
      RenderButton {INPUT} at (13,-1) size 53x53
    RenderSlider {INPUT} at (79,20) size 38x13
      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,1) size 9x36
        RenderBlock {DIV} at (-1,1) size 48x36
    RenderFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 55x53
        RenderText {#text} at (0,10) size 55x32
          text run at (0,10) width 55: "0:00"



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 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (8,8) size 320x205
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
    RenderInline {SPAN} at (0,0) size 0x0
layer at (12,8) size 15x205 scrollX 2 scrollWidth 17
  RenderBlock (positioned) {DIV} at (4,0) size 15x205
    RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
      RenderText {#text} at (0,47) size 15x111
        text run at (0,47) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
layer at (31,8) size 15x205 scrollX 2 scrollWidth 17
  RenderBlock (positioned) {DIV} at (23,0) size 15x205
    RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
      RenderText {#text} at (0,47) size 15x111
        text run at (0,47) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
layer at (256,8) size 15x205 scrollX 2 scrollWidth 17
  RenderBlock (positioned) {DIV} at (248,0) size 15x205
    RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
      RenderText {#text} at (0,47) size 15x111
        text run at (0,47) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
layer at (237,8) size 15x205 scrollX 2 scrollWidth 17
  RenderBlock (positioned) {DIV} at (229,0) size 15x205
    RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
      RenderText {#text} at (0,47) size 15x111
        text run at (0,47) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
layer at (309,8) size 15x205 scrollWidth 17
  RenderBlock (positioned) {DIV} at (301,0) size 15x205
    RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
      RenderText {#text} at (0,47) size 15x111
        text run at (0,47) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
layer at (290,8) size 15x205 scrollWidth 17
  RenderBlock (positioned) {DIV} at (282,0) size 15x205
    RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
      RenderText {#text} at (0,47) size 15x111
        text run at (0,47) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
layer at (13,213) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
  RenderDeprecatedFlexibleBox (relative positioned) {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 (-1,0) size 33x24
    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
    RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "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)]
        RenderBlock {DIV} at (1,-8) size 27x24
          RenderBlock {DIV} at (-4,0) size 24x24
        RenderBlock {DIV} at (-3,1) size 24x24
    RenderButton {INPUT} at (237,0) size 30x30
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,26) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,26) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,141) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,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"



layer at (58,110) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,111) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (64,226) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,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"



        RenderBR {BR} at (0,78) size 0x18
        RenderBR {BR} at (0,96) size 0x18
layer at (8,42) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,42) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x15
          text run at (0,7) width 25: "0:07"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24
layer at (8,90) size 320x30
  RenderFlexibleBox {DIV} at (0,0) size 320x30
    RenderBlock {DIV} at (0,0) size 320x30
layer at (8,90) size 320x30
  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 114x8
      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 126x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x15
          text run at (0,7) width 25: "0:07"
    RenderButton {INPUT} at (210,0) size 36x30
    RenderSlider {INPUT} at (251,11) size 54x8
      RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 66x24
          RenderBlock {DIV} at (34,0) size 25x24
layer at (8,138) size 320x100
  RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF]
layer at (8,138) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
    RenderBlock {DIV} at (0,70) size 320x30
layer at (8,208) size 320x30
  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 114x8
      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 126x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x15
          text run at (0,7) width 25: "0:07"
    RenderButton {INPUT} at (210,0) size 36x30
    RenderSlider {INPUT} at (251,11) size 54x8
      RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 66x24
          RenderBlock {DIV} at (34,0) size 25x24



layer at (8,72) size 300x30
  RenderMedia {AUDIO} at (0,30) size 300x30
layer at (8,72) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,72) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (34,0) size 33x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [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"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24
layer at (8,42) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,42) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (34,0) size 33x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [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"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24
layer at (8,154) size 300x30
  RenderMedia {AUDIO} at (0,112) size 300x30
layer at (8,154) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,154) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (34,0) size 33x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [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"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,247) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,50) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,255) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (23,247) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,487) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (332,50) size 320x240
  RenderVideo {VIDEO} at (324,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,255) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (332,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (337,255) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,247) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,162) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,123) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,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"
    RenderButton {INPUT} at (249,0) size 35x30
layer at (308,128) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (308,128) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 162x8
      RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 174x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (225,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"
    RenderButton {INPUT} at (259,0) size 35x30
layer at (8,162) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,277) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,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"
    RenderButton {INPUT} at (249,0) size 35x30
layer at (308,282) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (308,282) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 162x8
      RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 174x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (225,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"



          layer at (40,165) size 300x1
            RenderVideo {VIDEO} at (40,164) size 300x2
          layer at (40,165) size 300x1
            RenderFlexibleBox {DIV} at (0,0) size 300x1
              RenderBlock {DIV} at (0,-34) size 300x35
          layer at (45,131) size 290x30
            RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
              RenderButton {INPUT} at (9,0) size 30x30
              RenderSlider {INPUT} at (48,11) size 99x8
                RenderFlexibleBox {DIV} at (0,0) size 99x8 [border: (1px solid #E6E6E659)]
                  RenderBlock {DIV} at (1,-8) size 111x24
                    RenderBlock {DIV} at (32,0) size 33x24
              RenderFlexibleBox {DIV} at (161,0) size 26x30 [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"
              RenderButton {INPUT} at (195,0) size 36x30
              RenderSlider {INPUT} at (236,11) size 39x8
                RenderFlexibleBox {DIV} at (0,0) size 39x8 [border: (1px solid #E6E6E659)]
                  RenderBlock {DIV} at (1,-8) size 51x24
                    RenderBlock {DIV} at (19,0) size 25x24
        RenderText {#text} at (0,0) size 0x0
        RenderText {#text} at (0,0) size 0x0



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 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (8,8) size 320x205
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
    RenderInline {SPAN} at (0,0) size 0x0
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
  RenderBlock (positioned) {DIV} at (0,18) size 320x14 [color=#FFFFFF]
    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
  RenderBlock (positioned) {DIV} at (0,36) size 320x14 [color=#FFFFFF]
    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
  RenderBlock (positioned) {DIV} at (0,90) size 320x14 [color=#FFFFFF]
    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
  RenderBlock (positioned) {DIV} at (0,187) size 320x14 [color=#FFFFFF]
    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
  RenderBlock (positioned) {DIV} at (0,169) size 320x14 [color=#FFFFFF]
    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 (13,213) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
  RenderDeprecatedFlexibleBox (relative positioned) {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 (-5,0) size 33x24
    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
    RenderDeprecatedFlexibleBox {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"
    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)]
        RenderBlock {DIV} at (1,-8) size 27x24
          RenderBlock {DIV} at (-4,0) size 24x24
        RenderBlock {DIV} at (-3,1) size 24x24
    RenderButton {INPUT} at (237,0) size 30x30
    RenderButton {INPUT} at (271,0) size 30x30



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 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (8,8) size 320x205
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
    RenderInline {SPAN} at (0,0) size 0x0
layer at (8,8) size 18x205
  RenderBlock (positioned) {DIV} at (0,0) size 18x205
    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
      RenderText {#text} at (2,47) size 14x111
        text run at (2,47) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
layer at (26,8) size 18x205
  RenderBlock (positioned) {DIV} at (18,0) size 18x205
    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
      RenderText {#text} at (2,47) size 14x111
        text run at (2,47) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
layer at (256,8) size 18x205
  RenderBlock (positioned) {DIV} at (248,0) size 18x205
    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
      RenderText {#text} at (2,47) size 14x111
        text run at (2,47) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
layer at (238,8) size 18x205
  RenderBlock (positioned) {DIV} at (230,0) size 18x205
    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
      RenderText {#text} at (2,47) size 14x111
        text run at (2,47) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
layer at (310,8) size 18x205
  RenderBlock (positioned) {DIV} at (302,0) size 18x205
    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
      RenderText {#text} at (2,47) size 14x111
        text run at (2,47) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
    RenderInline {DIV} at (0,0) size 16x5 [bgcolor=#000000CC]
layer at (292,8) size 18x205
  RenderBlock (positioned) {DIV} at (284,0) size 18x205
    RenderInline {DIV} at (0,0) size 18x115 [bgcolor=#000000CC]
      RenderText {#text} at (2,47) size 14x111
        text run at (2,47) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
layer at (13,213) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
  RenderDeprecatedFlexibleBox (relative positioned) {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 (-1,0) size 33x24
    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
    RenderDeprecatedFlexibleBox {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"
    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)]
        RenderBlock {DIV} at (1,-8) size 27x24
          RenderBlock {DIV} at (-4,0) size 24x24
        RenderBlock {DIV} at (-3,1) size 24x24
    RenderButton {INPUT} at (237,0) size 30x30
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,247) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,487) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (8,522) size 320x240
  RenderVideo {VIDEO} at (8,522) size 320x240
layer at (8,522) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,727) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,26) size 320x240
  RenderVideo {VIDEO} at (0,18) size 320x240
layer at (8,26) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,231) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x15
          text run at (0,7) width 25: "0:06"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,42) size 302x152
  RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
layer at (9,43) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (14,158) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,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"



layer at (8,42) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,42) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
    RenderBlock {DIV} at (0,253) size 352x35
layer at (13,295) size 342x30
  RenderFlexibleBox {DIV} at (5,0) size 342x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 170x8
      RenderFlexibleBox {DIV} at (0,0) size 170x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 182x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (233,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:09"



layer at (8,68) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,68) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,273) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [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"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (57,85) size 240x180
  RenderVideo {VIDEO} at (45,73) size 240x180
layer at (57,85) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderBlock {DIV} at (0,127) size 240x53
layer at (65,213) size 225x45 scrollWidth 270
  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
    RenderButton {INPUT} at (-46,0) size 46x45
    RenderSlider {INPUT} at (13,16) size 38x13
      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-12) size 57x36
          RenderBlock {DIV} at (-11,0) size 49x36
    RenderFlexibleBox {DIV} at (73,0) size 40x45 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 40x45
        RenderText {#text} at (0,11) size 40x22
          text run at (0,11) width 40: "0:00"
    RenderButton {INPUT} at (126,0) size 53x45
    RenderSlider {INPUT} at (188,16) size 23x13
      RenderFlexibleBox {DIV} at (0,0) size 23x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-12) size 42x36
          RenderBlock {DIV} at (-5,0) size 36x36
    RenderButton {INPUT} at (225,0) size 46x45
layer at (57,310) size 240x180
  RenderVideo {VIDEO} at (45,298) size 240x180
layer at (57,310) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderBlock {DIV} at (0,127) size 240x53
layer at (65,438) size 225x45 scrollWidth 270
  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
    RenderButton {INPUT} at (-46,0) size 46x45
    RenderSlider {INPUT} at (13,16) size 38x13
      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-12) size 57x36
          RenderBlock {DIV} at (-11,0) size 49x36
    RenderFlexibleBox {DIV} at (73,0) size 40x45 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 40x45
        RenderText {#text} at (0,11) size 40x22
          text run at (0,11) width 40: "0:00"
    RenderButton {INPUT} at (126,0) size 53x45
    RenderSlider {INPUT} at (188,16) size 23x13
      RenderFlexibleBox {DIV} at (0,0) size 23x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-12) size 42x36
          RenderBlock {DIV} at (-5,0) size 36x36
    RenderButton {INPUT} at (225,0) size 46x45



layer at (8,26) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,26) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,141) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,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"



layer at (8,28) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,28) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,143) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"



layer at (58,114) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,115) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (64,230) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"



        RenderBR {BR} at (0,80) size 0x19
        RenderBR {BR} at (0,100) size 0x19
layer at (8,44) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,44) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:07"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24
layer at (8,94) size 320x30
  RenderFlexibleBox {DIV} at (0,0) size 320x30
    RenderBlock {DIV} at (0,0) size 320x30
layer at (8,94) size 320x30
  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 114x8
      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 126x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:07"
    RenderButton {INPUT} at (210,0) size 36x30
    RenderSlider {INPUT} at (251,11) size 54x8
      RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 66x24
          RenderBlock {DIV} at (34,0) size 25x24
layer at (8,144) size 320x100
  RenderMedia {AUDIO} at (8,144) size 320x100 [bgcolor=#0000FF]
layer at (8,144) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
    RenderBlock {DIV} at (0,70) size 320x30
layer at (8,214) size 320x30
  RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 114x8
      RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 126x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:07"
    RenderButton {INPUT} at (210,0) size 36x30
    RenderSlider {INPUT} at (251,11) size 54x8
      RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 66x24
          RenderBlock {DIV} at (34,0) size 25x24



layer at (8,74) size 300x30
  RenderMedia {AUDIO} at (0,30) size 300x30
layer at (8,74) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,74) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (34,0) size 33x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24
layer at (8,44) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,44) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (34,0) size 33x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24
layer at (8,156) size 300x30
  RenderMedia {AUDIO} at (0,112) size 300x30
layer at (8,156) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (8,156) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 104x8
      RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 116x24
          RenderBlock {DIV} at (34,0) size 33x24
    RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (200,0) size 36x30
    RenderSlider {INPUT} at (241,11) size 44x8
      RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 56x24
          RenderBlock {DIV} at (24,0) size 25x24



layer at (8,44) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,249) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,52) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,52) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,257) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,284) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (23,249) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (8,284) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,489) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (332,52) size 320x240
  RenderVideo {VIDEO} at (324,0) size 320x240
layer at (8,52) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,257) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (332,52) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (337,257) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,44) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,249) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,163) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,123) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (249,0) size 35x30
layer at (308,128) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (308,128) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 162x8
      RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 174x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (259,0) size 35x30
layer at (8,163) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,278) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (249,0) size 35x30
layer at (308,283) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30
    RenderBlock {DIV} at (0,0) size 300x30
layer at (308,283) size 300x30
  RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 162x8
      RenderFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 174x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"



          layer at (40,165) size 300x1
            RenderVideo {VIDEO} at (40,164) size 300x2
          layer at (40,165) size 300x1
            RenderFlexibleBox {DIV} at (0,0) size 300x1
              RenderBlock {DIV} at (0,-34) size 300x35
          layer at (45,131) size 290x30
            RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
              RenderButton {INPUT} at (9,0) size 30x30
              RenderSlider {INPUT} at (48,11) size 99x8
                RenderFlexibleBox {DIV} at (0,0) size 99x8 [border: (1px solid #E6E6E659)]
                  RenderBlock {DIV} at (1,-8) size 111x24
                    RenderBlock {DIV} at (32,0) size 33x24
              RenderFlexibleBox {DIV} at (161,0) size 26x30 [color=#FFFFFF]
                RenderBlock (anonymous) at (0,0) size 25x30
                  RenderText {#text} at (0,7) size 25x16
                    text run at (0,7) width 25: "0:00"
              RenderButton {INPUT} at (195,0) size 36x30
              RenderSlider {INPUT} at (236,11) size 39x8
                RenderFlexibleBox {DIV} at (0,0) size 39x8 [border: (1px solid #E6E6E659)]
                  RenderBlock {DIV} at (1,-8) size 51x24
                    RenderBlock {DIV} at (19,0) size 25x24
        RenderText {#text} at (0,0) size 0x0
        RenderText {#text} at (0,0) size 0x0



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 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (8,8) size 320x205
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
    RenderInline {SPAN} at (0,0) size 0x0
layer at (8,8) size 320x15 scrollHeight 17
  RenderBlock (positioned) {DIV} at (0,0) size 320x15
    RenderInline {DIV} at (0,0) size 280x19 [bgcolor=#000000CC]
      RenderText {#text} at (22,0) size 276x15
        text run at (22,0) width 276: "Cue 1: should be positioned at the top of the video."
    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
layer at (8,27) size 320x15 scrollHeight 17
  RenderBlock (positioned) {DIV} at (0,19) size 320x15
    RenderInline {DIV} at (0,0) size 308x19 [bgcolor=#000000CC]
      RenderText {#text} at (8,0) size 304x15
        text run at (8,0) width 304: "Cue 2: should be the second cue and not overlap cue 1."
    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
layer at (8,46) size 320x15 scrollHeight 17
  RenderBlock (positioned) {DIV} at (0,38) size 320x15
    RenderInline {DIV} at (0,0) size 304x19 [bgcolor=#000000CC]
      RenderText {#text} at (10,0) size 300x15
        text run at (10,0) width 300: "Cue 3: should become the third line from top to bottom."
    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
layer at (8,103) size 320x15 scrollHeight 17
  RenderBlock (positioned) {DIV} at (0,95) size 320x15
    RenderInline {DIV} at (0,0) size 294x19 [bgcolor=#000000CC]
      RenderText {#text} at (15,0) size 290x15
        text run at (15,0) width 290: "Cue 4: should be fixed positioned around the middle."
    RenderInline {DIV} at (0,0) size 3x19 [bgcolor=#000000CC]
layer at (8,194) size 320x15 scrollHeight 17
  RenderBlock (positioned) {DIV} at (0,186) size 320x15
    RenderInline {DIV} at (0,0) size 296x19 [bgcolor=#000000CC]
      RenderText {#text} at (14,0) size 292x15
        text run at (14,0) width 292: "Cue 5: should be displayed at the bottom of the video."
    RenderInline {DIV} at (0,0) size 2x19 [bgcolor=#000000CC]
layer at (8,175) size 320x15 scrollHeight 17
  RenderBlock (positioned) {DIV} at (0,167) size 320x15
    RenderInline {DIV} at (0,0) size 286x19 [bgcolor=#000000CC]
      RenderText {#text} at (19,0) size 282x15
        text run at (19,0) width 282: "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]
  RenderDeprecatedFlexibleBox (relative positioned) {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 (-5,0) size 33x24
    RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
    RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "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)]
        RenderBlock {DIV} at (1,-8) size 27x24
          RenderBlock {DIV} at (-4,0) size 24x24
        RenderBlock {DIV} at (-3,1) size 24x24
    RenderButton {INPUT} at (237,0) size 30x30
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,284) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,44) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,249) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (8,284) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,489) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30
layer at (8,524) size 320x240
  RenderVideo {VIDEO} at (8,524) size 320x240
layer at (8,524) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,729) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,28) size 320x240
  RenderVideo {VIDEO} at (0,20) size 320x240
layer at (8,28) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,233) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:06"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (8,44) size 302x152
  RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
layer at (9,45) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (14,160) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"



layer at (8,44) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,44) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
    RenderBlock {DIV} at (0,253) size 352x35
layer at (13,297) size 342x30
  RenderFlexibleBox {DIV} at (5,0) size 342x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 170x8
      RenderFlexibleBox {DIV} at (0,0) size 170x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 182x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (233,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:09"



layer at (8,72) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,72) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderBlock {DIV} at (0,205) size 320x35
layer at (13,277) size 310x30
  RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 92x8
      RenderFlexibleBox {DIV} at (0,0) size 92x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 104x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (154,0) size 26x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"
    RenderButton {INPUT} at (188,0) size 36x30
    RenderSlider {INPUT} at (229,11) size 32x8
      RenderFlexibleBox {DIV} at (0,0) size 32x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 44x24
          RenderBlock {DIV} at (12,0) size 25x24
    RenderButton {INPUT} at (271,0) size 30x30



layer at (57,85) size 240x180
  RenderVideo {VIDEO} at (45,73) size 240x180
layer at (57,85) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderBlock {DIV} at (0,127) size 240x53
layer at (65,213) size 225x45 scrollWidth 329
  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
    RenderButton {INPUT} at (13,0) size 46x45
    RenderSlider {INPUT} at (72,16) size 38x13
      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-12) size 57x36
          RenderBlock {DIV} at (-11,0) size 49x36
    RenderFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 40x45
        RenderText {#text} at (0,10) size 40x24
          text run at (0,10) width 40: "0:00"

layer at (57,310) size 240x180
  RenderVideo {VIDEO} at (45,298) size 240x180
layer at (57,310) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderBlock {DIV} at (0,127) size 240x53
layer at (65,438) size 225x45 scrollWidth 329
  RenderFlexibleBox {DIV} at (7,0) size 226x45 [bgcolor=#141414CC]
    RenderButton {INPUT} at (13,0) size 46x45
    RenderSlider {INPUT} at (72,16) size 38x13
      RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-12) size 57x36
          RenderBlock {DIV} at (-11,0) size 49x36
    RenderFlexibleBox {DIV} at (132,0) size 40x45 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 40x45
        RenderText {#text} at (0,10) size 40x24
          text run at (0,10) width 40: "0:00"



layer at (8,28) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,28) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderBlock {DIV} at (0,115) size 300x35
layer at (13,143) size 290x30
  RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
    RenderButton {INPUT} at (9,0) size 30x30
    RenderSlider {INPUT} at (48,11) size 152x8
      RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
        RenderBlock {DIV} at (1,-8) size 164x24
          RenderBlock {DIV} at (-7,0) size 32x24
    RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 25x30
        RenderText {#text} at (0,7) size 25x16
          text run at (0,7) width 25: "0:00"



webkit.org/b/101396 svg/css/clippath-with-shadow.svg
webkit.org/b/101396 svg/css/arrow-with-shadow.svg

# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
webkit.org/b/109775 [ Win Mac ] media/audio-controls-rendering.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/controls-after-reload.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/controls-strict.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/controls-styling-strict.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/controls-without-preload.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/video-controls-rendering.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/video-display-toggle.html [ Failure ]
webkit.org/b/109775 [ Win Mac ] media/video-playing-and-pause.html [ Failure ]

# -----------------------------------------------------------------
# End SVG TESTS
# -----------------------------------------------------------------



webkit.org/b/108370 editing/spelling/spelling-with-underscore-selection.html [ Skip ]
webkit.org/b/108370 editing/spelling/spelling-with-whitespace-selection.html [ Skip ]

# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
webkit.org/b/109775 media/audio-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/controls-after-reload.html [ Failure ]
webkit.org/b/109775 media/controls-strict.html [ Failure ]
webkit.org/b/109775 media/controls-styling-strict.html [ Failure ]
webkit.org/b/109775 media/controls-without-preload.html [ Failure ]
webkit.org/b/109775 media/video-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/video-display-toggle.html [ Failure ]
webkit.org/b/109775 media/video-playing-and-pause.html [ Failure ]



layer at (58,110) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,111) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
layer at (59,241) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,130) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:00"



        RenderBR {BR} at (0,58) size 0x17
        RenderBR {BR} at (0,76) size 0x17
layer at (8,42) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,42) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:07"

layer at (288,42) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,80) size 320x20
  RenderFlexibleBox {DIV} at (0,0) size 320x20
layer at (8,80) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:07"

layer at (8,118) size 320x100
  RenderMedia {AUDIO} at (8,118) size 320x100 [bgcolor=#0000FF]
layer at (8,118) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
layer at (8,198) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,80) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:07"



layer at (8,62) size 300x20
  RenderMedia {AUDIO} at (0,20) size 300x20
layer at (8,62) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,62) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:01"

layer at (288,62) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,42) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,42) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:01"

layer at (8,134) size 300x20
  RenderMedia {AUDIO} at (0,92) size 300x20
layer at (8,134) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,134) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:01"



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,262) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,50) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,270) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (18,262) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28 [color=#000000]
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:06"

layer at (318,262) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,502) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:06"



layer at (332,50) size 320x240
  RenderVideo {VIDEO} at (324,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,270) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28 [color=#000000]
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:06"

layer at (308,270) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (332,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (332,270) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,262) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,162) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,138) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,130) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:00"

    RenderButton {INPUT} at (280,0) size 20x20
    RenderBlock {DIV} at (300,10) size 0x0
layer at (308,138) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (308,138) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:00"

    RenderButton {INPUT} at (280,0) size 20x20
    RenderBlock {DIV} at (300,10) size 0x0
layer at (8,162) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,292) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,130) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:00"

    RenderButton {INPUT} at (280,0) size 20x20
    RenderBlock {DIV} at (300,10) size 0x0
layer at (308,292) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (308,292) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:00"



          layer at (40,164) size 300x1
            RenderVideo {VIDEO} at (40,164) size 300x1
          layer at (40,164) size 300x1
            RenderFlexibleBox {DIV} at (0,0) size 300x1
          layer at (40,164) size 300x20 scrollHeight 28
            RenderFlexibleBox {DIV} at (0,0) size 300x20
              RenderButton {INPUT} at (0,0) size 20x20
              RenderFlexibleBox {DIV} at (20,0) size 200x20
                RenderFlexibleBox {DIV} at (0,0) size 63x28
                  RenderBlock (anonymous) at (4,4) size 55x20
                    RenderText {#text} at (0,0) size 55x12
                      text run at (0,0) width 55: "00:00 / 00:01"



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,262) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:06"
      RenderSlider {INPUT} at (63,0) size 157x20
        RenderFlexibleBox {DIV} at (2,0) size 153x20
          RenderBlock {DIV} at (0,4) size 141x12
          RenderBlock {DIV} at (141,4) size 12x12
    RenderButton {INPUT} at (240,0) size 20x20

layer at (308,262) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,502) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:06"
      RenderSlider {INPUT} at (63,0) size 157x20
        RenderFlexibleBox {DIV} at (2,0) size 153x20
          RenderBlock {DIV} at (0,4) size 141x12
          RenderBlock {DIV} at (141,4) size 12x12
    RenderButton {INPUT} at (240,0) size 20x20

layer at (8,522) size 320x240
  RenderVideo {VIDEO} at (8,522) size 320x240
layer at (8,522) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,742) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x12
            text run at (0,0) width 55: "00:00 / 00:06"
      RenderSlider {INPUT} at (63,0) size 157x20
        RenderFlexibleBox {DIV} at (2,0) size 153x20
          RenderBlock {DIV} at (0,4) size 141x12
          RenderBlock {DIV} at (141,4) size 12x12
    RenderButton {INPUT} at (240,0) size 20x20



layer at (8,26) size 320x240
  RenderVideo {VIDEO} at (0,18) size 320x240
layer at (8,26) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,246) size 320x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,42) size 302x152
  RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
layer at (9,43) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
layer at (9,173) size 300x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,130) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:00"



layer at (8,42) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,42) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
layer at (8,310) size 352x20 scrollHeight 28
  RenderFlexibleBox {DIV} at (0,268) size 352x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 272x20
      RenderFlexibleBox {DIV} at (0,0) size 63x28
        RenderBlock (anonymous) at (4,4) size 55x20
          RenderText {#text} at (0,0) size 55x11
            text run at (0,0) width 55: "00:00 / 00:09"



layer at (8,70) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,290) size 320x20 scrollHeight 30
  RenderFlexibleBox (positioned) {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20
      RenderBlock (anonymous) at (0,0) size 63x30
        RenderFlexibleBox {DIV} at (0,2) size 63x28
          RenderBlock (anonymous) at (4,4) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"
      RenderSlider {INPUT} at (63,0) size 157x20
        RenderFlexibleBox {DIV} at (0,0) size 157x20
          RenderBlock {DIV} at (0,4) size 145x12
          RenderBlock {DIV} at (145,4) size 12x12
    RenderButton {INPUT} at (240,0) size 20x20



layer at (57,85) size 240x180
  RenderVideo {VIDEO} at (45,73) size 240x180
layer at (57,85) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
layer at (57,235) size 240x30
  RenderFlexibleBox {DIV} at (0,150) size 240x30
    RenderButton {INPUT} at (0,0) size 30x30
    RenderFlexibleBox {DIV} at (30,0) size 90x30
      RenderFlexibleBox {DIV} at (0,0) size 0x42
        RenderBlock (anonymous) at (6,6) size 78x30
          RenderText {#text} at (17,0) size 44x33
            text run at (17,0) width 44: "00:00 /"

layer at (57,310) size 240x180
  RenderVideo {VIDEO} at (45,298) size 240x180
layer at (57,310) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
layer at (57,460) size 240x30
  RenderFlexibleBox {DIV} at (0,150) size 240x30
    RenderButton {INPUT} at (0,0) size 30x30
    RenderFlexibleBox {DIV} at (30,0) size 90x30
      RenderFlexibleBox {DIV} at (0,0) size 0x42
        RenderBlock (anonymous) at (6,6) size 78x30
          RenderText {#text} at (17,0) size 44x33
            text run at (17,0) width 44: "00:00 /"




# Rebaseline required after https://webkit.org/b/95772
webkit.org/b/109209 fast/text/international/bidi-ignored-for-first-child-inline.html [ Failure ]

# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
webkit.org/b/109775 media/audio-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/controls-after-reload.html [ Failure ]
webkit.org/b/109775 media/controls-strict.html [ Failure ]
webkit.org/b/109775 media/controls-styling-strict.html [ Failure ]
webkit.org/b/109775 media/controls-without-preload.html [ Failure ]
webkit.org/b/109775 media/video-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/video-display-toggle.html [ Failure ]
webkit.org/b/109775 media/video-playing-and-pause.html [ Failure ]

#////////////////////////////////////////////////////////////////////////////////////////
# Expected failures
#////////////////////////////////////////////////////////////////////////////////////////



layer at (8,26) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,26) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,26) size 300x150 scrollHeight 160
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderButton {INPUT} at (0,130) size 20x20
    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"



layer at (58,110) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,111) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
layer at (59,111) size 300x150 scrollHeight 160
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderButton {INPUT} at (0,130) size 20x20
    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"



        RenderBR {BR} at (0,58) size 0x19
        RenderBR {BR} at (0,76) size 0x19
layer at (8,42) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,42) size 300x20 scrollHeight 30
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:07"

layer at (288,42) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,80) size 320x20
  RenderFlexibleBox {DIV} at (0,0) size 320x20
layer at (8,80) size 320x20 scrollHeight 30
  RenderFlexibleBox {DIV} at (0,0) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:07"

layer at (8,118) size 320x100
  RenderMedia {AUDIO} at (8,118) size 320x100 [bgcolor=#0000FF]
layer at (8,118) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
layer at (8,118) size 320x100 scrollHeight 110
  RenderFlexibleBox {DIV} at (0,0) size 320x100
    RenderButton {INPUT} at (0,80) size 20x20
    RenderFlexibleBox {DIV} at (20,80) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:07"



layer at (8,62) size 300x20
  RenderMedia {AUDIO} at (0,20) size 300x20
layer at (8,62) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,62) size 300x20 scrollHeight 30
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:01"

layer at (288,62) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,42) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,42) size 300x20 scrollHeight 30
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:01"

layer at (8,134) size 300x20
  RenderMedia {AUDIO} at (0,92) size 300x20
layer at (8,134) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (8,134) size 300x20 scrollHeight 30
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:01"



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,42) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,50) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,50) size 320x240 scrollHeight 251
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (18,42) size 320x240 scrollHeight 481
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 218x30
        RenderFlexibleBox {DIV} at (10,0) size 218x30
          RenderBlock (anonymous) at (5,5) size 208x20
            RenderText {#text} at (22,44) size 179x212
              text run at (22,44) width 174: "00:00"

layer at (318,262) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,282) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (332,50) size 320x240
  RenderVideo {VIDEO} at (324,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,50) size 320x240 scrollHeight 261
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 88x41
        RenderFlexibleBox {DIV} at (0,11) size 88x30
          RenderBlock (anonymous) at (5,5) size 78x20
            RenderText {#text} at (0,0) size 78x12
              text run at (0,0) width 78: "00:00 / 00:06"

layer at (308,270) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (332,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (332,50) size 320x240 scrollHeight 251
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,42) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,161) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,8) size 300x150 scrollHeight 161
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderButton {INPUT} at (0,130) size 20x20
    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"

    RenderButton {INPUT} at (280,130) size 20x20
    RenderBlock {DIV} at (300,150) size 0x0
layer at (308,138) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (308,138) size 300x20 scrollHeight 31
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"

    RenderButton {INPUT} at (280,0) size 20x20
    RenderBlock {DIV} at (300,20) size 0x0
layer at (8,161) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,161) size 300x150 scrollHeight 161
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderButton {INPUT} at (0,130) size 20x20
    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"

    RenderButton {INPUT} at (280,130) size 20x20
    RenderBlock {DIV} at (300,150) size 0x0
layer at (308,291) size 300x20
  RenderFlexibleBox {DIV} at (0,0) size 300x20
layer at (308,291) size 300x20 scrollHeight 31
  RenderFlexibleBox {DIV} at (0,0) size 300x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"



          layer at (40,164) size 300x1
            RenderVideo {VIDEO} at (40,164) size 300x1
          layer at (40,164) size 300x1
            RenderFlexibleBox {DIV} at (0,0) size 300x1
          layer at (40,164) size 300x20 scrollHeight 30
            RenderFlexibleBox {DIV} at (0,0) size 300x20
              RenderButton {INPUT} at (0,0) size 20x20
              RenderFlexibleBox {DIV} at (20,0) size 200x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
                RenderBlock (anonymous) at (1,0) size 65x30
                  RenderFlexibleBox {DIV} at (0,0) size 65x30
                    RenderBlock (anonymous) at (5,5) size 55x20
                      RenderText {#text} at (0,0) size 55x12
                        text run at (0,0) width 55: "00:00 / 00:01"



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,42) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"

layer at (308,262) size 20x20
  RenderButton zI: 2 {INPUT} at (0,0) size 20x20
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,282) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"

layer at (8,522) size 320x240
  RenderVideo {VIDEO} at (8,522) size 320x240
layer at (8,522) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,522) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,26) size 320x240
  RenderVideo {VIDEO} at (0,18) size 320x240
layer at (8,26) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,26) size 320x240 scrollHeight 250
  RenderFlexibleBox {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (0,220) size 20x20
    RenderFlexibleBox {DIV} at (20,220) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (8,42) size 302x152
  RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
layer at (9,43) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
layer at (9,43) size 300x150 scrollHeight 160
  RenderFlexibleBox {DIV} at (0,0) size 300x150
    RenderButton {INPUT} at (0,130) size 20x20
    RenderFlexibleBox {DIV} at (20,130) size 240x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:00"



layer at (8,42) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,42) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
layer at (8,42) size 352x288 scrollHeight 298
  RenderFlexibleBox {DIV} at (0,0) size 352x288
    RenderButton {INPUT} at (0,268) size 20x20
    RenderFlexibleBox {DIV} at (20,268) size 272x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x30
        RenderFlexibleBox {DIV} at (0,0) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:09"



layer at (8,68) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,68) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,288) size 320x20 scrollHeight 31
  RenderFlexibleBox {DIV} at (0,220) size 320x20
    RenderButton {INPUT} at (0,0) size 20x20
    RenderFlexibleBox {DIV} at (20,0) size 220x20 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 65x31
        RenderFlexibleBox {DIV} at (0,1) size 65x30
          RenderBlock (anonymous) at (5,5) size 55x20
            RenderText {#text} at (0,0) size 55x12
              text run at (0,0) width 55: "00:00 / 00:06"



layer at (57,85) size 240x180
  RenderVideo {VIDEO} at (45,73) size 240x180
layer at (57,85) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
layer at (57,85) size 240x180 scrollHeight 194
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderButton {INPUT} at (0,150) size 30x30
    RenderFlexibleBox {DIV} at (30,150) size 90x30 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 88x44
        RenderFlexibleBox {DIV} at (88,0) size 0x44
          RenderBlock (anonymous) at (7,7) size 74x30
            RenderText {#text} at (15,0) size 44x35
              text run at (15,0) width 44: "00:00 /"

layer at (57,310) size 240x180
  RenderVideo {VIDEO} at (45,298) size 240x180
layer at (57,310) size 240x180
  RenderFlexibleBox {DIV} at (0,0) size 240x180
layer at (57,310) size 240x180 scrollHeight 194
  RenderFlexibleBox {DIV} at (0,0) size 240x180
    RenderButton {INPUT} at (0,150) size 30x30
    RenderFlexibleBox {DIV} at (30,150) size 90x30 [border: none (1px solid #FFFFFF33) none (1px solid #FFFFFF33)]
      RenderBlock (anonymous) at (1,0) size 88x44
        RenderFlexibleBox {DIV} at (88,0) size 0x44
          RenderBlock (anonymous) at (7,7) size 74x30
            RenderText {#text} at (15,0) size 44x35
              text run at (15,0) width 44: "00:00 /"



layer at (8,50) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,265) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderBlock {DIV} at (0,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (57,272) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,272) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (18,257) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderBlock {DIV} at (265,6) size 25x12
layer at (67,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (238,264) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"

layer at (285,263) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,497) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderBlock {DIV} at (265,6) size 25x12
layer at (57,504) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,504) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,257) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderBlock {DIV} at (265,6) size 25x12
layer at (57,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,264) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"



layer at (8,42) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,257) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderBlock {DIV} at (0,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (57,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,264) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (8,282) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,497) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderBlock {DIV} at (0,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (57,504) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,504) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"

layer at (8,522) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,737) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderBlock {DIV} at (0,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (57,744) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,744) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"



layer at (8,26) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,241) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderBlock {DIV} at (0,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (57,248) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,248) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"



layer at (8,42) size 352x288
  RenderBlock (relative positioned) {DIV} at (0,0) size 352x288
layer at (8,305) size 352x25
  RenderFlexibleBox (positioned) {DIV} at (0,263) size 352x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 273x15
      RenderSlider {INPUT} at (45,2) size 183x13
        RenderBlock {DIV} at (0,2) size 10x8
    RenderButton {INPUT} at (329,4) size 16x16
layer at (57,312) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (285,312) size 45x11
  RenderFlexibleBox {DIV} at (228,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:09"



layer at (8,26) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,26) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,151) size 300x25
  RenderFlexibleBox {DIV} at (0,125) size 300x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1



layer at (58,110) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,111) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
layer at (59,236) size 300x25
  RenderFlexibleBox {DIV} at (0,125) size 300x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1



        RenderBR {BR} at (0,68) size 0x18
        RenderBR {BR} at (0,86) size 0x18
layer at (8,42) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
layer at (8,42) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,49) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,49) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:07"
layer at (278,49) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12
layer at (8,85) size 320x25
  RenderFlexibleBox {DIV} at (0,0) size 320x25
layer at (8,85) size 320x25
  RenderFlexibleBox {DIV} at (0,0) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 246x15
      RenderSlider {INPUT} at (45,2) size 156x13
        RenderFlexibleBox {DIV} at (0,0) size 156x13
          RenderBlock {DIV} at (0,2) size 156x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderBlock {DIV} at (295,6) size 25x13
layer at (57,92) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (258,92) size 45x11
  RenderFlexibleBox {DIV} at (201,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:07"

layer at (8,128) size 320x100
  RenderMedia {AUDIO} at (8,128) size 320x100 [bgcolor=#0000FF]
layer at (8,128) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
layer at (8,203) size 320x25
  RenderFlexibleBox {DIV} at (0,75) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 246x15
      RenderSlider {INPUT} at (45,2) size 156x13
        RenderFlexibleBox {DIV} at (0,0) size 156x13
          RenderBlock {DIV} at (0,2) size 156x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderBlock {DIV} at (295,6) size 25x13
layer at (57,210) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (258,210) size 45x11
  RenderFlexibleBox {DIV} at (201,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:07"



layer at (8,67) size 200x25
  RenderMedia {AUDIO} at (0,25) size 200x25
layer at (8,67) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
layer at (8,67) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 126x15
      RenderFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (9,0) size 26x11
          RenderText {#text} at (0,0) size 26x11
            text run at (0,0) width 26: "00:00"
      RenderSlider {INPUT} at (0,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
      RenderFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (7,0) size 31x11
          RenderText {#text} at (0,0) size 31x11
            text run at (0,0) width 31: "-00:00"

layer at (185,73) size 14x12
  RenderButton zI: 2 {INPUT} at (2,0) size 14x12
layer at (8,42) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
layer at (8,42) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 126x15
      RenderFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (9,0) size 26x11
          RenderText {#text} at (0,0) size 26x11
            text run at (0,0) width 26: "00:00"
      RenderSlider {INPUT} at (0,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
      RenderFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (7,0) size 31x11
          RenderText {#text} at (0,0) size 31x11
            text run at (0,0) width 31: "-00:00"

layer at (8,144) size 200x25
  RenderMedia {AUDIO} at (0,102) size 200x25
layer at (8,144) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
layer at (8,144) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 126x15
      RenderFlexibleBox {DIV} at (0,2) size 0x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (9,0) size 26x11
          RenderText {#text} at (0,0) size 26x11
            text run at (0,0) width 26: "00:00"
      RenderSlider {INPUT} at (0,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
      RenderFlexibleBox {DIV} at (126,2) size 0x11 [color=#FFFFFF]
        RenderBlock (anonymous) at (7,0) size 31x11
          RenderText {#text} at (0,0) size 31x11
            text run at (0,0) width 31: "-00:00"



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,257) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,264) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,264) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (8,50) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,265) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,272) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,272) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,272) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (18,42) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (18,257) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (67,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (238,264) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"

layer at (8,282) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,497) size 320x25
  RenderFlexibleBox (positioned) {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 216x15
      RenderSlider {INPUT} at (45,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (297,4) size 16x16
    RenderButton {INPUT} at (267,6) size 14x12
layer at (57,504) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 26x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (228,504) size 45x11
  RenderFlexibleBox {DIV} at (171,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"



layer at (332,50) size 320x240
  RenderVideo {VIDEO} at (324,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,265) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,272) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,272) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,272) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12
layer at (332,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (332,265) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (381,272) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (555,272) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (602,272) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,257) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,264) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,264) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (8,162) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,133) size 300x25
  RenderFlexibleBox {DIV} at (0,125) size 300x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1
layer at (308,133) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
layer at (308,133) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1
layer at (8,162) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,287) size 300x25
  RenderFlexibleBox {DIV} at (0,125) size 300x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1
layer at (308,287) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
layer at (308,287) size 200x25
  RenderFlexibleBox {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,257) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,264) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,264) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,264) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,497) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,504) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,504) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,504) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12
layer at (8,522) size 320x240
  RenderVideo {VIDEO} at (8,522) size 320x240
layer at (8,522) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,737) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,744) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,744) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,744) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (8,26) size 320x240
  RenderVideo {VIDEO} at (0,18) size 320x240
layer at (8,26) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,241) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,248) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,248) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,248) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (8,42) size 302x152
  RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
layer at (9,43) size 300x150
  RenderFlexibleBox {DIV} at (1,1) size 300x150
layer at (9,168) size 300x25
  RenderFlexibleBox {DIV} at (0,125) size 300x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderBlock {DIV} at (49,12) size 0x1



layer at (8,42) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,42) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
layer at (8,305) size 352x25
  RenderFlexibleBox {DIV} at (0,263) size 352x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 273x15
      RenderSlider {INPUT} at (45,2) size 183x13
        RenderFlexibleBox {DIV} at (0,0) size 183x13
          RenderBlock {DIV} at (0,2) size 183x9

    RenderButton {INPUT} at (329,4) size 16x17
    RenderBlock {DIV} at (322,12) size 0x1
layer at (57,312) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (285,312) size 45x11
  RenderFlexibleBox {DIV} at (228,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:09"



layer at (8,68) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,68) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,283) size 320x25
  RenderFlexibleBox {DIV} at (0,215) size 320x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x17
    RenderFlexibleBox {DIV} at (49,5) size 219x15
      RenderSlider {INPUT} at (45,2) size 129x13
        RenderFlexibleBox {DIV} at (0,0) size 129x13
          RenderBlock {DIV} at (0,2) size 129x9
            RenderBlock {DIV} at (0,0) size 10x8
    RenderButton {INPUT} at (300,4) size 16x17
    RenderBlock {DIV} at (268,6) size 25x13
layer at (57,290) size 45x11
  RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (9,0) size 27x11
      RenderText {#text} at (0,0) size 26x11
        text run at (0,0) width 26: "00:00"
layer at (231,290) size 45x11
  RenderFlexibleBox {DIV} at (174,2) size 45x11 [color=#FFFFFF]
    RenderBlock (anonymous) at (7,0) size 31x11
      RenderText {#text} at (0,0) size 31x11
        text run at (0,0) width 31: "-00:06"
layer at (278,290) size 14x12
  RenderButton zI: 1 {INPUT} at (2,0) size 14x12



layer at (57,85) size 240x180
  RenderBlock (relative positioned) {DIV} at (0,0) size 240x180
layer at (57,228) size 240x37
  RenderFlexibleBox (positioned) {DIV} at (0,143) size 240x37
    RenderButton {INPUT} at (9,4) size 27x27
    RenderButton {INPUT} at (48,6) size 24x24
    RenderFlexibleBox {DIV} at (73,7) size 86x22
      RenderSlider {INPUT} at (0,3) size 86x19
        RenderBlock {DIV} at (0,3) size 15x12
    RenderButton {INPUT} at (206,6) size 24x24

layer at (57,310) size 240x180
  RenderBlock (relative positioned) {DIV} at (0,0) size 240x180
layer at (57,453) size 240x37
  RenderFlexibleBox (positioned) {DIV} at (0,143) size 240x37
    RenderButton {INPUT} at (9,4) size 27x27
    RenderButton {INPUT} at (48,6) size 24x24
    RenderFlexibleBox {DIV} at (73,7) size 86x22
      RenderSlider {INPUT} at (0,3) size 86x19
        RenderBlock {DIV} at (0,3) size 15x12
    RenderButton {INPUT} at (206,6) size 24x24



webkit.org/b/91665 fast/dynamic/floating-to-non-floating.html [ Skip ]
webkit.org/b/91665 fast/dynamic/static-positioned-to-absolute-positioned.html [ Skip ]

# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
webkit.org/b/109775 media/audio-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/controls-after-reload.html [ Failure ]
webkit.org/b/109775 media/controls-strict.html [ Failure ]
webkit.org/b/109775 media/controls-styling-strict.html [ Failure ]
webkit.org/b/109775 media/controls-without-preload.html [ Failure ]
webkit.org/b/109775 media/video-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/video-display-toggle.html [ Failure ]
webkit.org/b/109775 media/video-playing-and-pause.html [ Failure ]



layer at (8,67) size 200x25
  RenderBlock (relative positioned) {DIV} at (0,0) size 200x25
layer at (8,67) size 200x25
  RenderFlexibleBox (positioned) {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 126x15
      RenderSlider {INPUT} at (0,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (177,6) size 14x12

layer at (8,42) size 200x25
  RenderBlock (relative positioned) {DIV} at (0,0) size 200x25
layer at (8,42) size 200x25
  RenderFlexibleBox (positioned) {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 126x15
      RenderSlider {INPUT} at (0,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (177,6) size 14x12

layer at (8,144) size 200x25
  RenderBlock (relative positioned) {DIV} at (0,0) size 200x25
layer at (8,144) size 200x25
  RenderFlexibleBox (positioned) {DIV} at (0,0) size 200x25
    RenderButton {INPUT} at (6,3) size 18x18
    RenderButton {INPUT} at (32,4) size 16x16
    RenderFlexibleBox {DIV} at (49,5) size 126x15
      RenderSlider {INPUT} at (0,2) size 126x13
        RenderFlexibleBox {DIV} at (0,0) size 126x13
          RenderBlock {DIV} at (0,2) size 116x8
          RenderBlock {DIV} at (116,2) size 10x8
    RenderButton {INPUT} at (177,6) size 14x12



layer at (8,45) size 300x150
  RenderBlock (relative positioned) {DIV} at (0,0) size 300x150
layer at (8,45) size 300x150
  RenderFlexibleBox (positioned) {DIV} at (0,0) size 300x150
    RenderButton {INPUT} at (5,121) size 32x24
    RenderFlexibleBox {DIV} at (40,116) size 196x34
      RenderBlock (anonymous) at (0,0) size 81x34
      RenderSlider {INPUT} at (84,5) size 109x24
        RenderBlock {DIV} at (9,6) size 4x12



layer at (8,76) size 320x240
  RenderBlock (relative positioned) {DIV} at (0,0) size 320x240
layer at (8,76) size 320x240
  RenderFlexibleBox (positioned) {DIV} at (0,0) size 320x240
    RenderButton {INPUT} at (5,211) size 32x24
    RenderFlexibleBox {DIV} at (40,206) size 216x34
      RenderBlock (anonymous) at (0,0) size 81x34
      RenderSlider {INPUT} at (84,5) size 129x24
        RenderFlexibleBox {DIV} at (8,6) size 113x12
          RenderBlock {DIV} at (0,0) size 109x12
          RenderBlock {DIV} at (109,0) size 4x12
    RenderButton {INPUT} at (259,211) size 24x24
    RenderButton {INPUT} at (291,211) size 24x24
layer at (51,287) size 75x24 scrollHeight 26
  RenderFlexibleBox {DIV} at (3,5) size 75x24 [color=#FFFFFF]
    RenderBlock (anonymous) at (6,6) size 63x12
      RenderText {#text} at (0,0) size 63x14
        text run at (0,0) width 63: "00:00 / 00:06"



layer at (58,110) size 302x152
  RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
layer at (59,111) size 300x150
  RenderBlock {DIV} at (1,1) size 300x150
layer at (59,245) size 300x16
  RenderFlexibleBox (positioned) {DIV} at (0,134) size 300x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderButton {INPUT} at (16,0) size 16x16
    RenderButton {INPUT} at (32,0) size 16x16



        RenderBR {BR} at (0,50) size 0x18
        RenderBR {BR} at (0,68) size 0x18
layer at (8,42) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
layer at (8,42) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 136x16
      RenderSlider {INPUT} at (0,0) size 136x16
        RenderFlexibleBox {DIV} at (2,0) size 132x16
          RenderBlock {DIV} at (0,4) size 122x8
          RenderBlock {DIV} at (122,4) size 10x8
    RenderButton {INPUT} at (152,0) size 16x16

layer at (26,46) size 10x8
  RenderBlock (relative positioned) {DIV} at (0,0) size 10x8
layer at (8,76) size 320x16
  RenderFlexibleBox {DIV} at (0,0) size 320x16
layer at (8,76) size 320x16
  RenderFlexibleBox {DIV} at (0,0) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 256x16
      RenderSlider {INPUT} at (0,0) size 256x16
        RenderFlexibleBox {DIV} at (2,0) size 252x16
          RenderBlock {DIV} at (0,4) size 242x8
          RenderBlock {DIV} at (242,4) size 10x8
    RenderButton {INPUT} at (272,0) size 16x16

layer at (8,110) size 320x100
  RenderMedia {AUDIO} at (8,110) size 320x100 [bgcolor=#0000FF]
layer at (8,110) size 320x100
  RenderFlexibleBox {DIV} at (0,0) size 320x100
layer at (8,194) size 320x16
  RenderFlexibleBox {DIV} at (0,84) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 256x16
      RenderSlider {INPUT} at (0,0) size 256x16
        RenderFlexibleBox {DIV} at (2,0) size 252x16
          RenderBlock {DIV} at (0,4) size 242x8
          RenderBlock {DIV} at (242,4) size 10x8
    RenderButton {INPUT} at (272,0) size 16x16



layer at (8,58) size 200x16
  RenderMedia {AUDIO} at (0,16) size 200x16
layer at (8,58) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
layer at (8,58) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 136x16
      RenderSlider {INPUT} at (0,0) size 136x16
        RenderFlexibleBox {DIV} at (2,0) size 132x16
          RenderBlock {DIV} at (0,4) size 122x8
          RenderBlock {DIV} at (122,4) size 10x8
    RenderButton {INPUT} at (152,0) size 16x16

layer at (87,62) size 10x8
  RenderBlock (relative positioned) {DIV} at (0,0) size 10x8
layer at (8,42) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
layer at (8,42) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 136x16
      RenderSlider {INPUT} at (0,0) size 136x16
        RenderFlexibleBox {DIV} at (2,0) size 132x16
          RenderBlock {DIV} at (0,4) size 122x8
          RenderBlock {DIV} at (122,4) size 10x8
    RenderButton {INPUT} at (152,0) size 16x16

layer at (8,126) size 200x16
  RenderMedia {AUDIO} at (0,84) size 200x16
layer at (8,126) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
layer at (8,126) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 136x16
      RenderSlider {INPUT} at (0,0) size 136x16
        RenderFlexibleBox {DIV} at (2,0) size 132x16
          RenderBlock {DIV} at (0,4) size 122x8
          RenderBlock {DIV} at (122,4) size 10x8
    RenderButton {INPUT} at (152,0) size 16x16



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,266) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



layer at (8,50) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,50) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,274) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (18,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (18,266) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16

layer at (36,270) size 10x8
  RenderBlock (relative positioned) {DIV} at (0,0) size 10x8
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,506) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



layer at (8,42) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,266) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



layer at (8,162) size 300x150
  RenderVideo {VIDEO} at (0,0) size 300x150
layer at (8,8) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,142) size 300x16
  RenderFlexibleBox {DIV} at (0,134) size 300x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderButton {INPUT} at (16,0) size 16x16
    RenderButton {INPUT} at (32,0) size 16x16
    RenderBlock {DIV} at (48,8) size 0x0
layer at (308,142) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
layer at (308,142) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderButton {INPUT} at (16,0) size 16x16
    RenderButton {INPUT} at (32,0) size 16x16
    RenderBlock {DIV} at (48,8) size 0x0
layer at (8,162) size 300x150
  RenderFlexibleBox {DIV} at (0,0) size 300x150
layer at (8,296) size 300x16
  RenderFlexibleBox {DIV} at (0,134) size 300x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderButton {INPUT} at (16,0) size 16x16
    RenderButton {INPUT} at (32,0) size 16x16
    RenderBlock {DIV} at (48,8) size 0x0
layer at (308,296) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
layer at (308,296) size 200x16
  RenderFlexibleBox {DIV} at (0,0) size 200x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderButton {INPUT} at (16,0) size 16x16
    RenderButton {INPUT} at (32,0) size 16x16



    layer at (40,164) size 300x1
      RenderVideo {VIDEO} at (40,164) size 300x1
    layer at (40,164) size 300x1
      RenderFlexibleBox {DIV} at (0,0) size 300x1
    layer at (40,164) size 300x16
      RenderFlexibleBox {DIV} at (0,0) size 300x16
        RenderButton {INPUT} at (0,0) size 16x16
        RenderFlexibleBox {DIV} at (16,0) size 236x16
          RenderSlider {INPUT} at (0,0) size 236x16
            RenderFlexibleBox {DIV} at (2,0) size 232x16
              RenderBlock {DIV} at (0,4) size 222x8
              RenderBlock {DIV} at (222,4) size 10x8
        RenderButton {INPUT} at (252,0) size 16x16



layer at (8,282) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,42) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,266) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16

layer at (26,270) size 10x8
  RenderBlock (relative positioned) {DIV} at (0,0) size 10x8
layer at (8,282) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,506) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16

layer at (8,522) size 320x240
  RenderVideo {VIDEO} at (8,522) size 320x240
layer at (8,522) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,746) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



layer at (8,26) size 320x240
  RenderVideo {VIDEO} at (0,18) size 320x240
layer at (8,26) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,250) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



layer at (9,43) size 300x150
  RenderBlock (relative positioned) {DIV} at (1,1) size 300x150
layer at (9,177) size 300x16
  RenderFlexibleBox (positioned) {DIV} at (0,134) size 300x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 252x16
      RenderSlider {INPUT} at (0,0) size 252x16
        RenderBlock {DIV} at (2,1) size 13x14
    RenderButton {INPUT} at (268,0) size 16x16



layer at (8,42) size 352x288
  RenderVideo {VIDEO} at (0,0) size 352x288
layer at (8,42) size 352x288
  RenderFlexibleBox {DIV} at (0,0) size 352x288
layer at (8,314) size 352x16
  RenderFlexibleBox {DIV} at (0,272) size 352x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 288x16
      RenderSlider {INPUT} at (0,0) size 288x16
        RenderFlexibleBox {DIV} at (2,0) size 284x16
          RenderBlock {DIV} at (0,4) size 274x8
          RenderBlock {DIV} at (274,4) size 10x8
    RenderButton {INPUT} at (304,0) size 16x16



layer at (8,68) size 320x240
  RenderVideo {VIDEO} at (0,0) size 320x240
layer at (8,68) size 320x240
  RenderFlexibleBox {DIV} at (0,0) size 320x240
layer at (8,292) size 320x16
  RenderFlexibleBox {DIV} at (0,224) size 320x16
    RenderButton {INPUT} at (0,0) size 16x16
    RenderFlexibleBox {DIV} at (16,0) size 240x16
      RenderSlider {INPUT} at (0,0) size 240x16
        RenderFlexibleBox {DIV} at (2,0) size 236x16
          RenderBlock {DIV} at (0,4) size 226x8
          RenderBlock {DIV} at (226,4) size 10x8
    RenderButton {INPUT} at (256,0) size 16x16



webkit.org/b/108370 editing/spelling/spelling-with-punctuation-selection.html [ Skip ]
webkit.org/b/108370 editing/spelling/spelling-with-underscore-selection.html [ Skip ]
webkit.org/b/108370 editing/spelling/spelling-with-whitespace-selection.html [ Skip ]

# Need rebaseline after https://bugs.webkit.org/show_bug.cgi?id=109775
webkit.org/b/109775 media/audio-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/controls-after-reload.html [ Failure ]
webkit.org/b/109775 media/controls-strict.html [ Failure ]
webkit.org/b/109775 media/controls-styling-strict.html [ Failure ]
webkit.org/b/109775 media/controls-without-preload.html [ Failure ]
webkit.org/b/109775 media/video-controls-rendering.html [ Failure ]
webkit.org/b/109775 media/video-display-toggle.html [ Failure ]
webkit.org/b/109775 media/video-playing-and-pause.html [ Failure ]

Return to Bug 109775

Lines 1-3 a/Source/WebCore/ChangeLog_sec1
- a/Source/WebCore/ChangeLog +26 lines
		1	2013-02-14 Christian Biesinger <cbiesinger@chromium.org>
		2
		3	Convert media controls from DeprecatedFlexibleBox to FlexibleBox
		4	https://bugs.webkit.org/show_bug.cgi?id=109775
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Covered by existing tests in media/.
		9
		10	* css/mediaControls.css:
		11	* css/mediaControlsBlackBerry.css:
		12	* css/mediaControlsChromium.css:
		13	* css/mediaControlsChromiumAndroid.css:
		14	* css/mediaControlsEfl.css:
		15	* css/mediaControlsGtk.css:
		16	* css/mediaControlsQt.css:
		17	* css/mediaControlsQuickTime.css:
		18	Automated search and replace of old flexbox CSS rules to new ones.
		19	Minor tuning of the chromium rules.
		20
		21	* rendering/RenderMediaControlElements.cpp:
		22	(WebCore::RenderMediaControlTimeDisplay::RenderMediaControlTimeDisplay):
		23	(WebCore::RenderMediaControlTimeDisplay::layout):
		24	* rendering/RenderMediaControlElements.h:
		25	Make media controls inherit from RenderFlexibleBox
		26
1	2013-02-14 Kentaro Hara <haraken@chromium.org>	27	2013-02-14 Kentaro Hara <haraken@chromium.org>
2		28
3	[V8] Remove GenerateEventListenerCallback() from CodeGeneratorV8.pm	29	[V8] Remove GenerateEventListenerCallback() from CodeGeneratorV8.pm

Lines 37-53 audio { a/Source/WebCore/css/mediaControls.css_sec1
- a/Source/WebCore/css/mediaControls.css -21 / +21 lines
37	width: inherit;	37	width: inherit;
38	height: inherit;	38	height: inherit;
39	position: relative;	39	position: relative;
40	display: -webkit-box;	40	display: -webkit-flex;
41	direction: ltr;	41	direction: ltr;
42	-webkit-box-align: start;	42	-webkit-align-items: flex-start;
43	-webkit-box-pack: end;	43	-webkit-justify-content: flex-end;
44	-webkit-box-orient: vertical;	44	-webkit-flex-direction: column;
45	}	45	}
46		46
47	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {	47	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
48	display: -webkit-box;	48	display: -webkit-flex;
49	-webkit-box-orient: horizontal;	49	-webkit-flex-direction: row;
50	-webkit-box-align: center;	50	-webkit-align-items: center;
51	-webkit-user-select: none;	51	-webkit-user-select: none;
52	position: relative;	52	position: relative;
53	bottom: 0;	53	bottom: 0;
Lines 73-79 video:-webkit-full-page-media::-webkit-media-controls-panel { a/Source/WebCore/css/mediaControls.css_sec2
73		73
74	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {	74	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
75	-webkit-appearance: media-mute-button;	75	-webkit-appearance: media-mute-button;
76	display: -webkit-box;	76	display: -webkit-flex;
77	width: 16px;	77	width: 16px;
78	height: 16px;	78	height: 16px;
79	background-color: initial;	79	background-color: initial;
Lines 87-93 audio::-webkit-media-controls-overlay-play-button, video::-webkit-media-controls a/Source/WebCore/css/mediaControls.css_sec3
87		87
88	audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {	88	audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
89	-webkit-appearance: media-play-button;	89	-webkit-appearance: media-play-button;
90	display: -webkit-box;	90	display: -webkit-flex;
91	width: 16px;	91	width: 16px;
92	height: 16px;	92	height: 16px;
93	background-color: initial;	93	background-color: initial;
Lines 97-107 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu a/Source/WebCore/css/mediaControls.css_sec4
97		97
98	audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {	98	audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
99	-webkit-appearance: media-controls-background;	99	-webkit-appearance: media-controls-background;
100	display: -webkit-box;	100	display: -webkit-flex;
101	-webkit-box-orient: horizontal;	101	-webkit-flex-direction: row;
102	-webkit-box-align: center;	102	-webkit-align-items: center;
103	-webkit-box-pack: end;	103	-webkit-justify-content: flex-end;
104	-webkit-box-flex: 1;	104	-webkit-flex: 1 1;
105	-webkit-user-select: none;	105	-webkit-user-select: none;
106	height: 16px;	106	height: 16px;
107	}	107	}
Lines 116-123 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr a/Source/WebCore/css/mediaControls.css_sec5
116		116
117	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {	117	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
118	-webkit-appearance: media-slider;	118	-webkit-appearance: media-slider;
119	display: -webkit-box;	119	display: -webkit-flex;
120	-webkit-box-flex: 1;	120	-webkit-flex: 1 1;
121	height: 16px;	121	height: 16px;
122	padding: 0px 2px;	122	padding: 0px 2px;
123	background-color: initial;	123	background-color: initial;
Lines 135-141 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volum a/Source/WebCore/css/mediaControls.css_sec6
135		135
136	audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {	136	audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
137	-webkit-appearance: media-seek-back-button;	137	-webkit-appearance: media-seek-back-button;
138	display: -webkit-box;	138	display: -webkit-flex;
139	width: 16px;	139	width: 16px;
140	height: 16px;	140	height: 16px;
141	background-color: initial;	141	background-color: initial;
Lines 145-151 audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-se a/Source/WebCore/css/mediaControls.css_sec7
145		145
146	audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {	146	audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
147	-webkit-appearance: media-seek-forward-button;	147	-webkit-appearance: media-seek-forward-button;
148	display: -webkit-box;	148	display: -webkit-flex;
149	width: 16px;	149	width: 16px;
150	height: 16px;	150	height: 16px;
151	background-color: initial;	151	background-color: initial;
Lines 155-161 audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls a/Source/WebCore/css/mediaControls.css_sec8
155		155
156	audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {	156	audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
157	-webkit-appearance: media-enter-fullscreen-button;	157	-webkit-appearance: media-enter-fullscreen-button;
158	display: -webkit-box;	158	display: -webkit-flex;
159	width: 16px;	159	width: 16px;
160	height: 16px;	160	height: 16px;
161	background-color: initial;	161	background-color: initial;
Lines 179-185 audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-co a/Source/WebCore/css/mediaControls.css_sec9
179		179
180	audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {	180	audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
181	-webkit-appearance: media-toggle-closed-captions-button;	181	-webkit-appearance: media-toggle-closed-captions-button;
182	display: -webkit-box;	182	display: -webkit-flex;
183	width: 16px;	183	width: 16px;
184	height: 16px;	184	height: 16px;
185	background-color: initial;	185	background-color: initial;
Lines 235-241 video::-webkit-media-text-track-container { a/Source/WebCore/css/mediaControls.css_sec10
235	-webkit-user-select: none;	235	-webkit-user-select: none;
236	word-break: break-word;	236	word-break: break-word;
237		237
238	-webkit-box-flex: 1;	238	-webkit-flex: 1 1;
239	}	239	}
240		240
241	video::-webkit-media-text-track-all-nodes {	241	video::-webkit-media-text-track-all-nodes {

Lines 34-42 audio { a/Source/WebCore/css/mediaControlsBlackBerry.css_sec1
- a/Source/WebCore/css/mediaControlsBlackBerry.css -35 / +35 lines
34	}	34	}
35		35
36	audio::-webkit-media-controls-embedded-panel, video::-webkit-media-controls-embedded-panel {	36	audio::-webkit-media-controls-embedded-panel, video::-webkit-media-controls-embedded-panel {
37	display: -webkit-box;	37	display: -webkit-flex;
38	-webkit-box-orient: horizontal;	38	-webkit-flex-direction: row;
39	-webkit-box-align: center;	39	-webkit-align-items: center;
40	position: absolute;	40	position: absolute;
41	bottom: 0;	41	bottom: 0;
42	width: 100%;	42	width: 100%;
Lines 58-68 video::-webkit-media-controls-fullscreen-time-display-container, audio::-webkit- a/Source/WebCore/css/mediaControlsBlackBerry.css_sec2
58		58
59	video::-webkit-media-controls-time-display-container, audio::-webkit-media-controls-time-display-container {	59	video::-webkit-media-controls-time-display-container, audio::-webkit-media-controls-time-display-container {
60	-webkit-appearance: media-controls-background;	60	-webkit-appearance: media-controls-background;
61	display: -webkit-box;	61	display: -webkit-flex;
62	-webkit-box-orient: horizontal;	62	-webkit-flex-direction: row;
63	-webkit-box-align: center;	63	-webkit-align-items: center;
64	-webkit-box-pack: justify;	64	-webkit-justify-content: space-between;
65	-webkit-box-flex: 1;	65	-webkit-flex: 1 1;
66	}	66	}
67		67
68	video::-webkit-media-controls-fullscreen-play-button, audio::-webkit-media-controls-fullscreen-play-button {	68	video::-webkit-media-controls-fullscreen-play-button, audio::-webkit-media-controls-fullscreen-play-button {
Lines 71-77 video::-webkit-media-controls-fullscreen-play-button, audio::-webkit-media-contr a/Source/WebCore/css/mediaControlsBlackBerry.css_sec3
71		71
72	video::-webkit-media-controls-play-button, audio::-webkit-media-controls-play-button {	72	video::-webkit-media-controls-play-button, audio::-webkit-media-controls-play-button {
73	-webkit-appearance: media-play-button;	73	-webkit-appearance: media-play-button;
74	display: -webkit-box;	74	display: -webkit-flex;
75	}	75	}
76		76
77	audio::-webkit-media-controls-fullscreen-timeline-container, video::-webkit-media-controls-fullscreen-timeline-container {	77	audio::-webkit-media-controls-fullscreen-timeline-container, video::-webkit-media-controls-fullscreen-timeline-container {
Lines 80-90 audio::-webkit-media-controls-fullscreen-timeline-container, video::-webkit-medi a/Source/WebCore/css/mediaControlsBlackBerry.css_sec4
80		80
81	video::-webkit-media-controls-timeline-container, audio::-webkit-media-controls-timeline-container {	81	video::-webkit-media-controls-timeline-container, audio::-webkit-media-controls-timeline-container {
82	-webkit-appearance: media-controls-background;	82	-webkit-appearance: media-controls-background;
83	display: -webkit-box;	83	display: -webkit-flex;
84	-webkit-box-orient: vertical;	84	-webkit-flex-direction: column;
85	-webkit-box-align: stretch;	85	-webkit-align-items: stretch;
86	-webkit-box-pack: center;	86	-webkit-justify-content: center;
87	-webkit-box-flex: 1;	87	-webkit-flex: 1 1;
88	height: auto;	88	height: auto;
89	width: 100%;	89	width: 100%;
90	}	90	}
Lines 95-105 audio::-webkit-media-controls-fullscreen-current-time-display, video::-webkit-me a/Source/WebCore/css/mediaControlsBlackBerry.css_sec5
95		95
96	audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {	96	audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
97	-webkit-appearance: media-current-time-display;	97	-webkit-appearance: media-current-time-display;
98	display: -webkit-box;	98	display: -webkit-flex;
99	-webkit-box-orient: horizontal;	99	-webkit-flex-direction: row;
100	-webkit-box-align: center;	100	-webkit-align-items: center;
101	-webkit-box-pack: end;	101	-webkit-justify-content: flex-end;
102	-webkit-box-flex: 0;	102	-webkit-flex: 0 0;
103	color: #fafafa;	103	color: #fafafa;
104	}	104	}
105		105
Lines 109-119 video::-webkit-media-controls-fullscreen-time-remaining-display, audio::-webkit- a/Source/WebCore/css/mediaControlsBlackBerry.css_sec6
109		109
110	video::-webkit-media-controls-time-remaining-display, audio::-webkit-media-controls-time-remaining-display {	110	video::-webkit-media-controls-time-remaining-display, audio::-webkit-media-controls-time-remaining-display {
111	-webkit-appearance: media-time-remaining-display;	111	-webkit-appearance: media-time-remaining-display;
112	display: -webkit-box;	112	display: -webkit-flex;
113	-webkit-box-orient: horizontal;	113	-webkit-flex-direction: row;
114	-webkit-box-align: center;	114	-webkit-align-items: center;
115	-webkit-box-pack: end;	115	-webkit-justify-content: flex-end;
116	-webkit-box-flex: 0;	116	-webkit-flex: 0 0;
117	color: rgb(125, 125, 125);	117	color: rgb(125, 125, 125);
118	}	118	}
119		119
Lines 123-130 audio::-webkit-media-controls-fullscreen-timeline, video::-webkit-media-controls a/Source/WebCore/css/mediaControlsBlackBerry.css_sec7
123		123
124	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {	124	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
125	-webkit-appearance: media-slider;	125	-webkit-appearance: media-slider;
126	display: -webkit-box;	126	display: -webkit-flex;
127	-webkit-box-flex: 1;	127	-webkit-flex: 1 1;
128	margin-bottom: 2px;	128	margin-bottom: 2px;
129	}	129	}
130		130
Lines 134-140 video::-webkit-media-controls-fullscreen-fullscreen-button, audio::-webkit-media a/Source/WebCore/css/mediaControlsBlackBerry.css_sec8
134		134
135	video::-webkit-media-controls-fullscreen-button {	135	video::-webkit-media-controls-fullscreen-button {
136	-webkit-appearance: media-enter-fullscreen-button;	136	-webkit-appearance: media-enter-fullscreen-button;
137	display: -webkit-box;	137	display: -webkit-flex;
138	}	138	}
139		139
140	audio::-webkit-media-controls-fullscreen-button {	140	audio::-webkit-media-controls-fullscreen-button {
Lines 143-149 audio::-webkit-media-controls-fullscreen-button { a/Source/WebCore/css/mediaControlsBlackBerry.css_sec9
143		143
144	audio::-webkit-media-controls-audio-mute-button {	144	audio::-webkit-media-controls-audio-mute-button {
145	-webkit-appearance: media-mute-button;	145	-webkit-appearance: media-mute-button;
146	display: -webkit-box;	146	display: -webkit-flex;
147	}	147	}
148		148
149	video::-webkit-media-controls-audio-mute-button {	149	video::-webkit-media-controls-audio-mute-button {
Lines 152-162 video::-webkit-media-controls-audio-mute-button { a/Source/WebCore/css/mediaControlsBlackBerry.css_sec10
152		152
153	audio::-webkit-media-controls-volume-slider-container {	153	audio::-webkit-media-controls-volume-slider-container {
154	-webkit-appearance: media-volume-slider-container;	154	-webkit-appearance: media-volume-slider-container;
155	display: -webkit-box;	155	display: -webkit-flex;
156	-webkit-box-orient: vertical;	156	-webkit-flex-direction: column;
157	-webkit-box-align: center;	157	-webkit-align-items: center;
158	-webkit-box-pack: end;	158	-webkit-justify-content: flex-end;
159	-webkit-box-flex: 1;	159	-webkit-flex: 1 1;
160	-webkit-user-select: none;	160	-webkit-user-select: none;
161	position: absolute;	161	position: absolute;
162	left: 0px;	162	left: 0px;
Lines 170-177 video::-webkit-media-controls-volume-slider-container { a/Source/WebCore/css/mediaControlsBlackBerry.css_sec11
170		170
171	audio::-webkit-media-controls-volume-slider {	171	audio::-webkit-media-controls-volume-slider {
172	-webkit-appearance: media-volume-slider;	172	-webkit-appearance: media-volume-slider;
173	display: -webkit-box;	173	display: -webkit-flex;
174	-webkit-box-flex: 1;	174	-webkit-flex: 1 1;
175	position: absolute;	175	position: absolute;
176	left: 3%;	176	left: 3%;
177	right: 3%;	177	right: 3%;

Lines 45-54 video:-webkit-full-page-media::-webkit-media-controls-panel { a/Source/WebCore/css/mediaControlsChromium.css_sec1
- a/Source/WebCore/css/mediaControlsChromium.css -19 / +30 lines
45	}	45	}
46		46
47	::-webkit-media-controls {	47	::-webkit-media-controls {
48	display: -webkit-box;	48	display: -webkit-flex;
49	-webkit-box-orient: vertical;	49	-webkit-flex-direction: column;
50	-webkit-box-pack: end;	50	-webkit-justify-content: flex-end;
51	-webkit-box-align: center;	51	-webkit-align-items: center;
52	}	52	}
53		53
54	audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {	54	audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
Lines 67-76 video::-webkit-media-controls-enclosure { a/Source/WebCore/css/mediaControlsChromium.css_sec2
67	}	67	}
68		68
69	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {	69	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
70	display: -webkit-box;	70	display: -webkit-flex;
71	-webkit-box-orient: horizontal;	71	-webkit-flex-direction: row;
72	-webkit-box-align: center;	72	-webkit-align-items: center;
73	-webkit-box-pack: center;	73	/* We use flex-start here to ensure that the play button is visible even
		74	* if we are too small to show all controls.
		75	*/
		76	-webkit-justify-content: flex-start;
74	bottom: auto;	77	bottom: auto;
75	height: 30px;	78	height: 30px;
76	background-color: rgba(20, 20, 20, 0.8);	79	background-color: rgba(20, 20, 20, 0.8);
Lines 79-85 audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { a/Source/WebCore/css/mediaControlsChromium.css_sec3
79		82
80	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {	83	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
81	-webkit-appearance: media-mute-button;	84	-webkit-appearance: media-mute-button;
82	display: -webkit-box;	85	display: -webkit-flex;
		86	-webkit-flex: none;
83	border: none;	87	border: none;
84	box-sizing: border-box;	88	box-sizing: border-box;
85	width: 35px;	89	width: 35px;
Lines 91-97 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu a/Source/WebCore/css/mediaControlsChromium.css_sec4
91		95
92	audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {	96	audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
93	-webkit-appearance: media-play-button;	97	-webkit-appearance: media-play-button;
94	display: -webkit-box;	98	display: -webkit-flex;
		99	-webkit-flex: none;
95	border: none;	100	border: none;
96	box-sizing: border-box;	101	box-sizing: border-box;
97	width: 30px;	102	width: 30px;
Lines 106-111 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control a/Source/WebCore/css/mediaControlsChromium.css_sec5
106	audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {	111	audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
107	-webkit-appearance: media-current-time-display;	112	-webkit-appearance: media-current-time-display;
108	-webkit-user-select: none;	113	-webkit-user-select: none;
		114	-webkit-flex: none;
109	display: block;	115	display: block;
110	border: none;	116	border: none;
111	cursor: default;	117	cursor: default;
Lines 131-138 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr a/Source/WebCore/css/mediaControlsChromium.css_sec6
131		137
132	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {	138	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
133	-webkit-appearance: media-slider;	139	-webkit-appearance: media-slider;
134	display: -webkit-box;	140	display: -webkit-flex;
135	-webkit-box-flex: 1;	141	-webkit-flex: 1 1 auto;
136	height: 8px;	142	height: 8px;
137	margin: 0 15px 0 0;	143	margin: 0 15px 0 0;
138	padding: 0;	144	padding: 0;
Lines 142-149 audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline { a/Source/WebCore/css/mediaControlsChromium.css_sec7
142		148
143	audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {	149	audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider {
144	-webkit-appearance: media-volume-slider;	150	-webkit-appearance: media-volume-slider;
145	display: -webkit-box;	151	display: -webkit-flex;
146	-webkit-box-flex: 1;	152	/* The 1.9 value was empirically chosen to match old-flexbox behaviour
		153	* and be aesthetically pleasing.
		154	*/
		155	-webkit-flex: 1 1.9 auto;
147	height: 8px;	156	height: 8px;
148	max-width: 70px;	157	max-width: 70px;
149	margin: 0 15px 0 0;	158	margin: 0 15px 0 0;
Lines 157-165 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volum a/Source/WebCore/css/mediaControlsChromium.css_sec8
157	https://bugs.webkit.org/show_bug.cgi?id=62218	166	https://bugs.webkit.org/show_bug.cgi?id=62218
158	*/	167	*/
159	input[type="range"]::-webkit-media-slider-container {	168	input[type="range"]::-webkit-media-slider-container {
160	display: -webkit-box;	169	display: -webkit-flex;
161	-webkit-box-align: center;	170	-webkit-align-items: center;
162	-webkit-box-orient: horizontal; /* This property is updated by C++ code. */	171	-webkit-flex-direction: row; /* This property is updated by C++ code. */
163	box-sizing: border-box;	172	box-sizing: border-box;
164	height: 100%;	173	height: 100%;
165	width: 100%;	174	width: 100%;
Lines 180-186 input[type="range"]::-webkit-media-slider-thumb { a/Source/WebCore/css/mediaControlsChromium.css_sec9
180		189
181	audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {	190	audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
182	-webkit-appearance: media-toggle-closed-captions-button;	191	-webkit-appearance: media-toggle-closed-captions-button;
183	display: -webkit-box;	192	display: -webkit-flex;
		193	-webkit-flex: none;
184	border: none;	194	border: none;
185	box-sizing: border-box;	195	box-sizing: border-box;
186	width: 30px;	196	width: 30px;
Lines 193-199 audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-medi a/Source/WebCore/css/mediaControlsChromium.css_sec10
193		203
194	audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {	204	audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
195	-webkit-appearance: media-enter-fullscreen-button;	205	-webkit-appearance: media-enter-fullscreen-button;
196	display: -webkit-box;	206	display: -webkit-flex;
		207	-webkit-flex: none;
197	border: none;	208	border: none;
198	box-sizing: border-box;	209	box-sizing: border-box;
199	width: 30px;	210	width: 30px;

Lines 31-39 audio { a/Source/WebCore/css/mediaControlsEfl.css_sec1
- a/Source/WebCore/css/mediaControlsEfl.css -17 / +17 lines
31	}	31	}
32		32
33	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {	33	audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
34	display: -webkit-box;	34	display: -webkit-flex;
35	-webkit-box-orient: horizontal;	35	-webkit-flex-direction: row;
36	-webkit-box-align: center;	36	-webkit-align-items: center;
37	-webkit-user-select: none;	37	-webkit-user-select: none;
38	position: relative;	38	position: relative;
39	bottom: 0;	39	bottom: 0;
Lines 50-56 video:-webkit-full-page-media::-webkit-media-controls-panel { a/Source/WebCore/css/mediaControlsEfl.css_sec2
50		50
51	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {	51	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
52	-webkit-appearance: media-mute-button;	52	-webkit-appearance: media-mute-button;
53	display: -webkit-box;	53	display: -webkit-flex;
54	width: 20px;	54	width: 20px;
55	height: 20px;	55	height: 20px;
56	position: relative;	56	position: relative;
Lines 62-68 audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-bu a/Source/WebCore/css/mediaControlsEfl.css_sec3
62		62
63	audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {	63	audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
64	-webkit-appearance: media-play-button;	64	-webkit-appearance: media-play-button;
65	display: -webkit-box;	65	display: -webkit-flex;
66	width: 20px;	66	width: 20px;
67	height: 20px;	67	height: 20px;
68	background-color: initial;	68	background-color: initial;
Lines 72-82 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu a/Source/WebCore/css/mediaControlsEfl.css_sec4
72		72
73	audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {	73	audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
74	-webkit-appearance: media-controls-background;	74	-webkit-appearance: media-controls-background;
75	display: -webkit-box;	75	display: -webkit-flex;
76	-webkit-box-orient: horizontal;	76	-webkit-flex-direction: row;
77	-webkit-box-align: center;	77	-webkit-align-items: center;
78	-webkit-box-pack: end;	78	-webkit-justify-content: flex-end;
79	-webkit-box-flex: 1;	79	-webkit-flex: 1 1;
80	-webkit-user-select: none;	80	-webkit-user-select: none;
81	height: 20px;	81	height: 20px;
82	}	82	}
Lines 84-90 audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls- a/Source/WebCore/css/mediaControlsEfl.css_sec5
84	audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {	84	audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
85	-webkit-appearance: media-current-time-display;	85	-webkit-appearance: media-current-time-display;
86	-webkit-user-select: none;	86	-webkit-user-select: none;
87	display: -webkit-box;	87	display: -webkit-flex;
88	height: 20px;	88	height: 20px;
89		89
90	padding: 4px;	90	padding: 4px;
Lines 111-118 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr a/Source/WebCore/css/mediaControlsEfl.css_sec6
111		111
112	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {	112	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
113	-webkit-appearance: media-slider;	113	-webkit-appearance: media-slider;
114	display: -webkit-box;	114	display: -webkit-flex;
115	-webkit-box-flex: 1;	115	-webkit-flex: 1 1;
116	height: 20px;	116	height: 20px;
117	padding: 0px 2px;	117	padding: 0px 2px;
118	background-color: initial;	118	background-color: initial;
Lines 141-147 audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volum a/Source/WebCore/css/mediaControlsEfl.css_sec7
141		141
142	audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {	142	audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-seek-back-button {
143	-webkit-appearance: media-seek-back-button;	143	-webkit-appearance: media-seek-back-button;
144	display: -webkit-box;	144	display: -webkit-flex;
145	width: 20px;	145	width: 20px;
146	height: 20px;	146	height: 20px;
147	background-color: initial;	147	background-color: initial;
Lines 151-157 audio::-webkit-media-controls-seek-back-button, video::-webkit-media-controls-se a/Source/WebCore/css/mediaControlsEfl.css_sec8
151		151
152	audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {	152	audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls-seek-forward-button {
153	-webkit-appearance: media-seek-forward-button;	153	-webkit-appearance: media-seek-forward-button;
154	display: -webkit-box;	154	display: -webkit-flex;
155	width: 20px;	155	width: 20px;
156	height: 20px;	156	height: 20px;
157	background-color: initial;	157	background-color: initial;
Lines 161-167 audio::-webkit-media-controls-seek-forward-button, video::-webkit-media-controls a/Source/WebCore/css/mediaControlsEfl.css_sec9
161		161
162	audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {	162	audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button {
163	-webkit-appearance: media-fullscreen-button;	163	-webkit-appearance: media-fullscreen-button;
164	display: -webkit-box;	164	display: -webkit-flex;
165	width: 20px;	165	width: 20px;
166	height: 20px;	166	height: 20px;
167	background-color: initial;	167	background-color: initial;
Lines 185-191 audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-co a/Source/WebCore/css/mediaControlsEfl.css_sec10
185		185
186	audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {	186	audio::-webkit-media-controls-toggle-closed-captions-button, video::-webkit-media-controls-toggle-closed-captions-button {
187	-webkit-appearance: media-toggle-closed-captions-button;	187	-webkit-appearance: media-toggle-closed-captions-button;
188	display: -webkit-box;	188	display: -webkit-flex;
189	width: 20px;	189	width: 20px;
190	height: 20px;	190	height: 20px;
191	background-color: initial;	191	background-color: initial;

Lines 33-41 audio { a/Source/WebCore/css/mediaControlsQt.css_sec1
- a/Source/WebCore/css/mediaControlsQt.css -6 / +6 lines
33	}	33	}
34		34
35	audio::-webkit-media-controls-panel {	35	audio::-webkit-media-controls-panel {
36	display: -webkit-box;	36	display: -webkit-flex;
37	-webkit-box-orient: horizontal;	37	-webkit-flex-direction: row;
38	-webkit-box-align: end;	38	-webkit-align-items: flex-end;
39	-webkit-user-select: none;	39	-webkit-user-select: none;
40	position: absolute;	40	position: absolute;
41	bottom: 0;	41	bottom: 0;
Lines 47-55 audio::-webkit-media-controls-panel { a/Source/WebCore/css/mediaControlsQt.css_sec2
47	}	47	}
48		48
49	video::-webkit-media-controls-panel {	49	video::-webkit-media-controls-panel {
50	display: -webkit-box;	50	display: -webkit-flex;
51	-webkit-box-orient: horizontal;	51	-webkit-flex-direction: row;
52	-webkit-box-align: end;	52	-webkit-align-items: flex-end;
53	-webkit-user-select: none;	53	-webkit-user-select: none;
54	position: absolute;	54	position: absolute;
55	bottom: 0;	55	bottom: 0;

Lines 41-47 video:-webkit-full-page-media::-webkit-media-controls-panel { a/Source/WebCore/css/mediaControlsQuickTime.css_sec1
- a/Source/WebCore/css/mediaControlsQuickTime.css -21 / +21 lines
41	}	41	}
42		42
43	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {	43	audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button {
44	-webkit-box-ordinal-group: 2; /* Before the fullscreen button */	44	-webkit-order: 2; /* Before the fullscreen button */
45		45
46	width: 14px;	46	width: 14px;
47	height: 12px;	47	height: 12px;
Lines 63-82 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-bu a/Source/WebCore/css/mediaControlsQuickTime.css_sec2
63		63
64	audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {	64	audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container {
65	-webkit-appearance: none;	65	-webkit-appearance: none;
66	-webkit-box-orient: horizontal;	66	-webkit-flex-direction: row;
67	-webkit-box-align: center;	67	-webkit-align-items: center;
68	-webkit-box-pack: center;	68	-webkit-justify-content: center;
69	-webkit-box-flex: 1;	69	-webkit-flex: 1 1;
70	text-align: right;	70	text-align: right;
71	height: auto;	71	height: auto;
72	}	72	}
73		73
74	audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {	74	audio::-webkit-media-controls-current-time-display, video::-webkit-media-controls-current-time-display {
75	-webkit-user-select: none;	75	-webkit-user-select: none;
76	display: -webkit-box;	76	display: -webkit-flex;
77	-webkit-box-flex: 0;	77	-webkit-flex: 0 0;
78	-webkit-box-pack: center;	78	-webkit-justify-content: center;
79	-webkit-box-align: center;	79	-webkit-align-items: center;
80	cursor: default;	80	cursor: default;
81	font: -webkit-small-control;	81	font: -webkit-small-control;
82	font-size: 9px;	82	font-size: 9px;
Lines 95-104 audio::-webkit-media-controls-current-time-display, video::-webkit-media-control a/Source/WebCore/css/mediaControlsQuickTime.css_sec3
95		95
96	audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {	96	audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-controls-time-remaining-display {
97	-webkit-user-select: none;	97	-webkit-user-select: none;
98	display: -webkit-box;	98	display: -webkit-flex;
99	-webkit-box-flex: 0;	99	-webkit-flex: 0 0;
100	-webkit-box-pack: center;	100	-webkit-justify-content: center;
101	-webkit-box-align: center;	101	-webkit-align-items: center;
102	cursor: default;	102	cursor: default;
103	font: -webkit-small-control;	103	font: -webkit-small-control;
104	font-size: 9px;	104	font-size: 9px;
Lines 116-123 audio::-webkit-media-controls-time-remaining-display, video::-webkit-media-contr a/Source/WebCore/css/mediaControlsQuickTime.css_sec4
116	}	116	}
117		117
118	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {	118	audio::-webkit-media-controls-timeline, video::-webkit-media-controls-timeline {
119	display: -webkit-box;	119	display: -webkit-flex;
120	-webkit-box-flex: 1;	120	-webkit-flex: 1 1;
121	height: 13px;	121	height: 13px;
122	padding: 0px;	122	padding: 0px;
123	margin: 0px;	123	margin: 0px;
Lines 141-152 audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-f a/Source/WebCore/css/mediaControlsQuickTime.css_sec5
141	height: 16px;	141	height: 16px;
142	margin-left: 7px;	142	margin-left: 7px;
143	margin-right: 7px;	143	margin-right: 7px;
144	-webkit-box-ordinal-group: 4; /* At the very end */	144	-webkit-order: 4; /* At the very end */
145	border: none !important;	145	border: none !important;
146	}	146	}
147		147
148	audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {	148	audio::-webkit-media-controls-rewind-button, video::-webkit-media-controls-rewind-button {
149	display: -webkit-box;	149	display: -webkit-flex;
150	-webkit-appearance: media-rewind-button;	150	-webkit-appearance: media-rewind-button;
151	width: 18px;	151	width: 18px;
152	height: 18px;	152	height: 18px;
Lines 169-176 audio::-webkit-media-controls-return-to-realtime-button, video::-webkit-media-co a/Source/WebCore/css/mediaControlsQuickTime.css_sec6
169	audio::-webkit-media-controls-status-display, video::-webkit-media-controls-status-display {	169	audio::-webkit-media-controls-status-display, video::-webkit-media-controls-status-display {
170	-webkit-user-select: none;	170	-webkit-user-select: none;
171	cursor: default;	171	cursor: default;
172	display: -webkit-box;	172	display: -webkit-flex;
173	-webkit-box-flex: 1;	173	-webkit-flex: 1 1;
174	font: -webkit-small-control;	174	font: -webkit-small-control;
175	color: white;	175	color: white;
176	font-size: 10px;	176	font-size: 10px;
Lines 231-242 audio::-webkit-media-controls-volume-slider-mute-button, video::-webkit-media-co a/Source/WebCore/css/mediaControlsQuickTime.css_sec7
231		231
232	video::-webkit-media-controls-toggle-closed-captions-button {	232	video::-webkit-media-controls-toggle-closed-captions-button {
233	-webkit-appearance: media-toggle-closed-captions-button;	233	-webkit-appearance: media-toggle-closed-captions-button;
234	display: -webkit-box;	234	display: -webkit-flex;
235	width: 16px;	235	width: 16px;
236	height: 16px;	236	height: 16px;
237	margin-left: 7px;	237	margin-left: 7px;
238	margin-right: 7px;	238	margin-right: 7px;
239	-webkit-box-ordinal-group: 3; /* between mute and fullscreen */	239	-webkit-order: 3; /* between mute and fullscreen */
240	border: none !important;	240	border: none !important;
241	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 105"><path fill="rgb(224,224,224)" d="M98.766,43.224c0-23.163-21.775-41.94-48.637-41.94c-26.859,0-48.635,18.777-48.635,41.94c0,18.266,13.546,33.796,32.444,39.549c1.131,8.356,26.037,24.255,22.864,19.921c-4.462-6.096-5.159-13.183-5.07-17.566C77.85,84.397,98.766,65.923,98.766,43.224z"/></svg>');	241	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 105"><path fill="rgb(224,224,224)" d="M98.766,43.224c0-23.163-21.775-41.94-48.637-41.94c-26.859,0-48.635,18.777-48.635,41.94c0,18.266,13.546,33.796,32.444,39.549c1.131,8.356,26.037,24.255,22.864,19.921c-4.462-6.096-5.159-13.183-5.07-17.566C77.85,84.397,98.766,65.923,98.766,43.224z"/></svg>');
242	background-repeat: no-repeat;	242	background-repeat: no-repeat;

Lines 60-66 void RenderMediaVolumeSliderContainer::layout() a/Source/WebCore/rendering/RenderMediaControlElements.cpp_sec1
- a/Source/WebCore/rendering/RenderMediaControlElements.cpp -2 / +2 lines
60	// ----------------------------	60	// ----------------------------
61		61
62	RenderMediaControlTimeDisplay::RenderMediaControlTimeDisplay(Element* element)	62	RenderMediaControlTimeDisplay::RenderMediaControlTimeDisplay(Element* element)
63	: RenderDeprecatedFlexibleBox(element)	63	: RenderFlexibleBox(element)
64	{	64	{
65	}	65	}
66		66
Lines 70-76 static const int minWidthToDisplayTimeDisplays = 45 + 100 + 45; a/Source/WebCore/rendering/RenderMediaControlElements.cpp_sec2
70		70
71	void RenderMediaControlTimeDisplay::layout()	71	void RenderMediaControlTimeDisplay::layout()
72	{	72	{
73	RenderDeprecatedFlexibleBox::layout();	73	RenderFlexibleBox::layout();
74	RenderBox* timelineContainerBox = parentBox();	74	RenderBox* timelineContainerBox = parentBox();
75	while (timelineContainerBox && timelineContainerBox->isAnonymous())	75	while (timelineContainerBox && timelineContainerBox->isAnonymous())
76	timelineContainerBox = timelineContainerBox->parentBox();	76	timelineContainerBox = timelineContainerBox->parentBox();

Lines 32-38 a/Source/WebCore/rendering/RenderMediaControlElements.h_sec1
- a/Source/WebCore/rendering/RenderMediaControlElements.h -2 / +2 lines
32		32
33	#include "MediaControlElements.h"	33	#include "MediaControlElements.h"
34	#include "RenderBlock.h"	34	#include "RenderBlock.h"
35	#include "RenderDeprecatedFlexibleBox.h"	35	#include "RenderFlexibleBox.h"
36		36
37	namespace WebCore {	37	namespace WebCore {
38		38
Lines 46-52 private: a/Source/WebCore/rendering/RenderMediaControlElements.h_sec2
46		46
47	// ----------------------------	47	// ----------------------------
48		48
49	class RenderMediaControlTimeDisplay : public RenderDeprecatedFlexibleBox {	49	class RenderMediaControlTimeDisplay : public RenderFlexibleBox {
50	public:	50	public:
51	RenderMediaControlTimeDisplay(Element*);	51	RenderMediaControlTimeDisplay(Element*);
52		52

Lines 1-3 a/LayoutTests/ChangeLog_sec1
- a/LayoutTests/ChangeLog +14 lines
		1	2013-02-14 Christian Biesinger <cbiesinger@chromium.org>
		2
		3	Convert media controls from DeprecatedFlexibleBox to FlexibleBox
		4	https://bugs.webkit.org/show_bug.cgi?id=109775
		5
		6	Reviewed by NOBODY (OOPS!).
		7
		8	Rebaselined lots of tests. There were two kinds of changes:
		9	- Replaced the RenderDeprecatedFlexibleBox class name with
		10	RenderFlexibleBox, and minor printing differences
		11	- Slight positioning/size changes due to a different algorithm for
		12	shrinking elements (old flexbox shrinks elements evenly, new flexbox
		13	shrinks in proportion to the size of the flex item)
		14
1	2013-02-14 Philip Rogers <pdr@google.com>	15	2013-02-14 Philip Rogers <pdr@google.com>
2		16
3	Rebaseline 9 SVG tests after r142765	17	Rebaseline 9 SVG tests after r142765

Lines 22-43 layer at (8,42) size 384x334 a/LayoutTests/media/media-document-audio-repaint-expected.txt_sec1
- a/LayoutTests/media/media-document-audio-repaint-expected.txt -5 / +5 lines
22	layer at (40,164) size 300x1	22	layer at (40,164) size 300x1
23	RenderBlock (relative positioned) {DIV} at (0,0) size 300x1	23	RenderBlock (relative positioned) {DIV} at (0,0) size 300x1
24	layer at (40,140) size 300x25	24	layer at (40,140) size 300x25
25	RenderDeprecatedFlexibleBox (positioned) {DIV} at (0,-24) size 300x25	25	RenderFlexibleBox (positioned) {DIV} at (0,-24) size 300x25
26	RenderButton {INPUT} at (6,3) size 18x18	26	RenderButton {INPUT} at (6,3) size 18x18
27	RenderButton {INPUT} at (32,4) size 16x16	27	RenderButton {INPUT} at (32,4) size 16x16
28	RenderDeprecatedFlexibleBox {DIV} at (49,5) size 226x15	28	RenderFlexibleBox {DIV} at (49,5) size 226x15
29	RenderSlider {INPUT} at (45,2) size 136x13	29	RenderSlider {INPUT} at (45,2) size 136x13
30	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 136x13	30	RenderFlexibleBox {DIV} at (0,0) size 136x13
31	RenderBlock {DIV} at (0,2) size 126x8	31	RenderBlock {DIV} at (0,2) size 126x8
32	RenderBlock {DIV} at (126,2) size 10x8	32	RenderBlock {DIV} at (126,2) size 10x8
33	RenderButton {INPUT} at (277,6) size 14x12	33	RenderButton {INPUT} at (277,6) size 14x12
34	layer at (89,147) size 45x11	34	layer at (89,147) size 45x11
35	RenderDeprecatedFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]	35	RenderFlexibleBox {DIV} at (0,2) size 45x11 [color=#FFFFFF]
36	RenderBlock (anonymous) at (9,0) size 26x11	36	RenderBlock (anonymous) at (9,0) size 26x11
37	RenderText {#text} at (0,0) size 26x11	37	RenderText {#text} at (0,0) size 26x11
38	text run at (0,0) width 26: "00:00"	38	text run at (0,0) width 26: "00:00"
39	layer at (270,147) size 45x11	39	layer at (270,147) size 45x11
40	RenderDeprecatedFlexibleBox {DIV} at (181,2) size 45x11 [color=#FFFFFF]	40	RenderFlexibleBox {DIV} at (181,2) size 45x11 [color=#FFFFFF]
41	RenderBlock (anonymous) at (7,0) size 31x11	41	RenderBlock (anonymous) at (7,0) size 31x11
42	RenderText {#text} at (0,0) size 31x11	42	RenderText {#text} at (0,0) size 31x11
43	text run at (0,0) width 31: "-00:00"	43	text run at (0,0) width 31: "-00:00"

Lines 11-31 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/fast/hidpi/video-controls-in-hidpi-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/fast/hidpi/video-controls-in-hidpi-expected.txt -6 / +6 lines
11	layer at (8,28) size 300x150	11	layer at (8,28) size 300x150
12	RenderVideo {VIDEO} at (0,0) size 300x150	12	RenderVideo {VIDEO} at (0,0) size 300x150
13	layer at (8,28) size 300x150	13	layer at (8,28) size 300x150
14	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150	14	RenderFlexibleBox {DIV} at (0,0) size 300x150
15	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115	15	RenderFlexibleBox {DIV} at (0,0) size 300x115
16	RenderButton {INPUT} at (110,17) size 80x81	16	RenderButton {INPUT} at (110,17) size 80x81
17	RenderBlock {DIV} at (0,115) size 300x35	17	RenderBlock {DIV} at (0,115) size 300x35
18	layer at (13,143) size 290x35 scrollHeight 39	18	layer at (13,143) size 290x35 scrollHeight 39
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]	19	RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
20	RenderBlock (anonymous) at (0,0) size 53x35	20	RenderBlock (anonymous) at (0,0) size 53x35
21	RenderButton {INPUT} at (9,-1) size 35x36	21	RenderButton {INPUT} at (9,-1) size 35x36
22	RenderSlider {INPUT} at (53,13) size 176x9	22	RenderSlider {INPUT} at (53,13) size 176x9
23	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]	23	RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
24	RenderBlock {DIV} at (1,1) size 156x24	24	RenderBlock {DIV} at (1,1) size 156x24
25	RenderBlock {DIV} at (150,1) size 32x24	25	RenderBlock {DIV} at (150,1) size 32x24
26	RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]	26	RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
27	RenderBlock (anonymous) at (0,0) size 37x35	27	RenderBlock (anonymous) at (0,0) size 37x35
28	RenderText {#text} at (0,7) size 37x21	28	RenderText {#text} at (0,7) size 37x21
29	text run at (0,7) width 37: "0:00"	29	text run at (0,7) width 37: "0:00"
30	layer at (60,149) size 32x24	30	layer at (60,149) size 32x24
31	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	31	RenderBlock {DIV} at (-7,-8) size 32x24

Lines 16-36 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/fast/layers/video-layer-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/fast/layers/video-layer-expected.txt -6 / +6 lines
16	layer at (58,114) size 302x152	16	layer at (58,114) size 302x152
17	RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]	17	RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
18	layer at (59,115) size 300x150	18	layer at (59,115) size 300x150
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150	19	RenderFlexibleBox {DIV} at (1,1) size 300x150
20	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115	20	RenderFlexibleBox {DIV} at (0,0) size 300x115
21	RenderButton {INPUT} at (110,17) size 80x81	21	RenderButton {INPUT} at (110,17) size 80x81
22	RenderBlock {DIV} at (0,115) size 300x35	22	RenderBlock {DIV} at (0,115) size 300x35
23	layer at (64,230) size 290x35 scrollHeight 39	23	layer at (64,230) size 290x35 scrollHeight 39
24	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]	24	RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
25	RenderBlock (anonymous) at (0,0) size 53x35	25	RenderBlock (anonymous) at (0,0) size 53x35
26	RenderButton {INPUT} at (9,-1) size 35x36	26	RenderButton {INPUT} at (9,-1) size 35x36
27	RenderSlider {INPUT} at (53,13) size 176x9	27	RenderSlider {INPUT} at (53,13) size 176x9
28	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]	28	RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
29	RenderBlock {DIV} at (1,1) size 156x24	29	RenderBlock {DIV} at (1,1) size 156x24
30	RenderBlock {DIV} at (150,1) size 32x24	30	RenderBlock {DIV} at (150,1) size 32x24
31	RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]	31	RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
32	RenderBlock (anonymous) at (0,0) size 37x35	32	RenderBlock (anonymous) at (0,0) size 37x35
33	RenderText {#text} at (0,7) size 37x21	33	RenderText {#text} at (0,7) size 37x21
34	text run at (0,7) width 37: "0:00"	34	text run at (0,7) width 37: "0:00"
35	layer at (111,236) size 32x24	35	layer at (111,236) size 32x24
36	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	36	RenderBlock {DIV} at (-7,-8) size 32x24

Lines 15-48 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/audio-controls-rendering-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/audio-controls-rendering-expected.txt -12 / +12 lines
15	RenderBR {BR} at (0,90) size 0x19	15	RenderBR {BR} at (0,90) size 0x19
16	RenderBR {BR} at (0,110) size 0x19	16	RenderBR {BR} at (0,110) size 0x19
17	layer at (8,44) size 300x35	17	layer at (8,44) size 300x35
18	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35	18	RenderFlexibleBox {DIV} at (0,0) size 300x35
19	RenderBlock {DIV} at (0,0) size 300x35	19	RenderBlock {DIV} at (0,0) size 300x35
20	layer at (8,44) size 300x35 scrollHeight 39	20	layer at (8,44) size 300x35 scrollHeight 39
21	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]	21	RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
22	RenderBlock (anonymous) at (0,0) size 53x35	22	RenderBlock (anonymous) at (0,0) size 53x35
23	RenderButton {INPUT} at (9,-1) size 35x36	23	RenderButton {INPUT} at (9,-1) size 35x36
24	RenderSlider {INPUT} at (53,13) size 186x9	24	RenderSlider {INPUT} at (53,13) size 186x9
25	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]	25	RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
26	RenderBlock {DIV} at (1,1) size 166x24	26	RenderBlock {DIV} at (1,1) size 166x24
27	RenderBlock {DIV} at (160,1) size 32x24	27	RenderBlock {DIV} at (160,1) size 32x24
28	RenderDeprecatedFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]	28	RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
29	RenderBlock (anonymous) at (0,0) size 37x35	29	RenderBlock (anonymous) at (0,0) size 37x35
30	RenderText {#text} at (0,7) size 37x21	30	RenderText {#text} at (0,7) size 37x21
31	text run at (0,7) width 37: "0:07"	31	text run at (0,7) width 37: "0:07"
32	layer at (55,50) size 32x24	32	layer at (55,50) size 32x24
33	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	33	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
34	layer at (8,99) size 320x35	34	layer at (8,99) size 320x35
35	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x35	35	RenderFlexibleBox {DIV} at (0,0) size 320x35
36	RenderBlock {DIV} at (0,0) size 320x35	36	RenderBlock {DIV} at (0,0) size 320x35
37	layer at (8,99) size 320x35 scrollHeight 39	37	layer at (8,99) size 320x35 scrollHeight 39
38	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]	38	RenderFlexibleBox {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
39	RenderBlock (anonymous) at (0,0) size 53x35	39	RenderBlock (anonymous) at (0,0) size 53x35
40	RenderButton {INPUT} at (9,-1) size 35x36	40	RenderButton {INPUT} at (9,-1) size 35x36
41	RenderSlider {INPUT} at (53,13) size 206x9	41	RenderSlider {INPUT} at (53,13) size 206x9
42	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]	42	RenderFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
43	RenderBlock {DIV} at (1,1) size 186x24	43	RenderBlock {DIV} at (1,1) size 186x24
44	RenderBlock {DIV} at (180,1) size 32x24	44	RenderBlock {DIV} at (180,1) size 32x24
45	RenderDeprecatedFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]	45	RenderFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
46	RenderBlock (anonymous) at (0,0) size 37x35	46	RenderBlock (anonymous) at (0,0) size 37x35
47	RenderText {#text} at (0,7) size 37x21	47	RenderText {#text} at (0,7) size 37x21
48	text run at (0,7) width 37: "0:07"	48	text run at (0,7) width 37: "0:07"
Lines 51-67 layer at (55,105) size 32x24 a/LayoutTests/platform/chromium-android/media/audio-controls-rendering-expected.txt_sec2
51	layer at (8,154) size 320x100	51	layer at (8,154) size 320x100
52	RenderMedia {AUDIO} at (8,154) size 320x100 [bgcolor=#0000FF]	52	RenderMedia {AUDIO} at (8,154) size 320x100 [bgcolor=#0000FF]
53	layer at (8,154) size 320x100	53	layer at (8,154) size 320x100
54	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100	54	RenderFlexibleBox {DIV} at (0,0) size 320x100
55	RenderBlock {DIV} at (0,65) size 320x35	55	RenderBlock {DIV} at (0,65) size 320x35
56	layer at (8,219) size 320x35 scrollHeight 39	56	layer at (8,219) size 320x35 scrollHeight 39
57	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]	57	RenderFlexibleBox {DIV} at (0,0) size 320x35 [bgcolor=#141414CC]
58	RenderBlock (anonymous) at (0,0) size 53x35	58	RenderBlock (anonymous) at (0,0) size 53x35
59	RenderButton {INPUT} at (9,-1) size 35x36	59	RenderButton {INPUT} at (9,-1) size 35x36
60	RenderSlider {INPUT} at (53,13) size 206x9	60	RenderSlider {INPUT} at (53,13) size 206x9
61	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]	61	RenderFlexibleBox {DIV} at (0,0) size 206x8 [border: (1px solid #E6E6E659)]
62	RenderBlock {DIV} at (1,1) size 186x24	62	RenderBlock {DIV} at (1,1) size 186x24
63	RenderBlock {DIV} at (180,1) size 32x24	63	RenderBlock {DIV} at (180,1) size 32x24
64	RenderDeprecatedFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]	64	RenderFlexibleBox {DIV} at (274,0) size 37x35 [color=#FFFFFF]
65	RenderBlock (anonymous) at (0,0) size 37x35	65	RenderBlock (anonymous) at (0,0) size 37x35
66	RenderText {#text} at (0,7) size 37x21	66	RenderText {#text} at (0,7) size 37x21
67	text run at (0,7) width 37: "0:07"	67	text run at (0,7) width 37: "0:07"

Lines 11-29 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/controls-after-reload-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/controls-after-reload-expected.txt -5 / +5 lines
11	layer at (8,44) size 320x240	11	layer at (8,44) size 320x240
12	RenderVideo {VIDEO} at (0,0) size 320x240	12	RenderVideo {VIDEO} at (0,0) size 320x240
13	layer at (8,44) size 320x240	13	layer at (8,44) size 320x240
14	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	14	RenderFlexibleBox {DIV} at (0,0) size 320x240
15	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	15	RenderFlexibleBox {DIV} at (0,0) size 320x205
16	RenderButton {INPUT} at (120,62) size 80x81	16	RenderButton {INPUT} at (120,62) size 80x81
17	RenderBlock {DIV} at (0,205) size 320x35	17	RenderBlock {DIV} at (0,205) size 320x35
18	layer at (13,249) size 310x35 scrollHeight 39	18	layer at (13,249) size 310x35 scrollHeight 39
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	19	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
20	RenderBlock (anonymous) at (0,0) size 53x35	20	RenderBlock (anonymous) at (0,0) size 53x35
21	RenderButton {INPUT} at (9,-1) size 35x36	21	RenderButton {INPUT} at (9,-1) size 35x36
22	RenderSlider {INPUT} at (53,13) size 157x9	22	RenderSlider {INPUT} at (53,13) size 157x9
23	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	23	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
24	RenderBlock {DIV} at (1,1) size 137x24	24	RenderBlock {DIV} at (1,1) size 137x24
25	RenderBlock {DIV} at (131,1) size 32x24	25	RenderBlock {DIV} at (131,1) size 32x24
26	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	26	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
27	RenderBlock (anonymous) at (0,0) size 37x35	27	RenderBlock (anonymous) at (0,0) size 37x35
28	RenderText {#text} at (0,7) size 37x21	28	RenderText {#text} at (0,7) size 37x21
29	text run at (0,7) width 37: "0:00"	29	text run at (0,7) width 37: "0:00"

Lines 11-29 layer at (0,0) size 800x305 a/LayoutTests/platform/chromium-android/media/controls-strict-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/controls-strict-expected.txt -5 / +5 lines
11	layer at (8,52) size 320x240	11	layer at (8,52) size 320x240
12	RenderVideo {VIDEO} at (0,0) size 320x240	12	RenderVideo {VIDEO} at (0,0) size 320x240
13	layer at (8,52) size 320x240	13	layer at (8,52) size 320x240
14	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	14	RenderFlexibleBox {DIV} at (0,0) size 320x240
15	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	15	RenderFlexibleBox {DIV} at (0,0) size 320x205
16	RenderButton {INPUT} at (120,62) size 80x81	16	RenderButton {INPUT} at (120,62) size 80x81
17	RenderBlock {DIV} at (0,205) size 320x35	17	RenderBlock {DIV} at (0,205) size 320x35
18	layer at (13,257) size 310x35 scrollHeight 39	18	layer at (13,257) size 310x35 scrollHeight 39
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	19	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
20	RenderBlock (anonymous) at (0,0) size 53x35	20	RenderBlock (anonymous) at (0,0) size 53x35
21	RenderButton {INPUT} at (9,-1) size 35x36	21	RenderButton {INPUT} at (9,-1) size 35x36
22	RenderSlider {INPUT} at (53,13) size 157x9	22	RenderSlider {INPUT} at (53,13) size 157x9
23	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	23	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
24	RenderBlock {DIV} at (1,1) size 137x24	24	RenderBlock {DIV} at (1,1) size 137x24
25	RenderBlock {DIV} at (131,1) size 32x24	25	RenderBlock {DIV} at (131,1) size 32x24
26	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	26	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
27	RenderBlock (anonymous) at (0,0) size 37x35	27	RenderBlock (anonymous) at (0,0) size 37x35
28	RenderText {#text} at (0,7) size 37x21	28	RenderText {#text} at (0,7) size 37x21
29	text run at (0,7) width 37: "0:00"	29	text run at (0,7) width 37: "0:00"

Lines 15-33 layer at (18,44) size 320x240 a/LayoutTests/platform/chromium-android/media/controls-styling-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/controls-styling-expected.txt -10 / +10 lines
15	layer at (8,284) size 320x240	15	layer at (8,284) size 320x240
16	RenderVideo {VIDEO} at (0,0) size 320x240	16	RenderVideo {VIDEO} at (0,0) size 320x240
17	layer at (18,44) size 320x240	17	layer at (18,44) size 320x240
18	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	18	RenderFlexibleBox {DIV} at (0,0) size 320x240
19	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	19	RenderFlexibleBox {DIV} at (0,0) size 320x205
20	RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]	20	RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]
21	RenderBlock {DIV} at (0,205) size 320x35	21	RenderBlock {DIV} at (0,205) size 320x35
22	layer at (23,249) size 310x35 scrollHeight 39	22	layer at (23,249) size 310x35 scrollHeight 39
23	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	23	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
24	RenderBlock (anonymous) at (0,0) size 53x35	24	RenderBlock (anonymous) at (0,0) size 53x35
25	RenderButton {INPUT} at (9,-1) size 35x36	25	RenderButton {INPUT} at (9,-1) size 35x36
26	RenderSlider {INPUT} at (53,13) size 157x9	26	RenderSlider {INPUT} at (53,13) size 157x9
27	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	27	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
28	RenderBlock {DIV} at (1,1) size 137x24	28	RenderBlock {DIV} at (1,1) size 137x24
29	RenderBlock {DIV} at (131,1) size 32x24	29	RenderBlock {DIV} at (131,1) size 32x24
30	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	30	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
31	RenderBlock (anonymous) at (0,0) size 37x35	31	RenderBlock (anonymous) at (0,0) size 37x35
32	RenderText {#text} at (0,7) size 37x21	32	RenderText {#text} at (0,7) size 37x21
33	text run at (0,7) width 37: "0:00"	33	text run at (0,7) width 37: "0:00"
Lines 36-54 layer at (23,249) size 310x35 scrollHeight 39 a/LayoutTests/platform/chromium-android/media/controls-styling-expected.txt_sec2
36	layer at (70,255) size 32x24	36	layer at (70,255) size 32x24
37	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	37	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
38	layer at (8,284) size 320x240	38	layer at (8,284) size 320x240
39	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	39	RenderFlexibleBox {DIV} at (0,0) size 320x240
40	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	40	RenderFlexibleBox {DIV} at (0,0) size 320x205
41	RenderButton {INPUT} at (120,62) size 80x81	41	RenderButton {INPUT} at (120,62) size 80x81
42	RenderBlock {DIV} at (0,205) size 320x35	42	RenderBlock {DIV} at (0,205) size 320x35
43	layer at (13,489) size 310x35 scrollHeight 39	43	layer at (13,489) size 310x35 scrollHeight 39
44	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	44	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
45	RenderBlock (anonymous) at (0,0) size 53x35	45	RenderBlock (anonymous) at (0,0) size 53x35
46	RenderButton {INPUT} at (9,-1) size 35x36	46	RenderButton {INPUT} at (9,-1) size 35x36
47	RenderSlider {INPUT} at (53,13) size 157x9	47	RenderSlider {INPUT} at (53,13) size 157x9
48	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	48	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
49	RenderBlock {DIV} at (1,1) size 137x24	49	RenderBlock {DIV} at (1,1) size 137x24
50	RenderBlock {DIV} at (131,1) size 32x24	50	RenderBlock {DIV} at (131,1) size 32x24
51	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	51	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
52	RenderBlock (anonymous) at (0,0) size 37x35	52	RenderBlock (anonymous) at (0,0) size 37x35
53	RenderText {#text} at (0,7) size 37x21	53	RenderText {#text} at (0,7) size 37x21
54	text run at (0,7) width 37: "0:00"	54	text run at (0,7) width 37: "0:00"

Lines 15-33 layer at (8,52) size 320x240 a/LayoutTests/platform/chromium-android/media/controls-styling-strict-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/controls-styling-strict-expected.txt -10 / +10 lines
15	layer at (332,52) size 320x240	15	layer at (332,52) size 320x240
16	RenderVideo {VIDEO} at (324,0) size 320x240	16	RenderVideo {VIDEO} at (324,0) size 320x240
17	layer at (8,52) size 320x240	17	layer at (8,52) size 320x240
18	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	18	RenderFlexibleBox {DIV} at (0,0) size 320x240
19	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	19	RenderFlexibleBox {DIV} at (0,0) size 320x205
20	RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]	20	RenderButton {INPUT} at (120,62) size 80x81 [color=#000000]
21	RenderBlock {DIV} at (0,205) size 320x35	21	RenderBlock {DIV} at (0,205) size 320x35
22	layer at (13,257) size 310x35 scrollHeight 39	22	layer at (13,257) size 310x35 scrollHeight 39
23	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	23	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
24	RenderBlock (anonymous) at (0,0) size 53x38	24	RenderBlock (anonymous) at (0,0) size 53x38
25	RenderButton {INPUT} at (9,2) size 35x36	25	RenderButton {INPUT} at (9,2) size 35x36
26	RenderSlider {INPUT} at (53,13) size 158x9	26	RenderSlider {INPUT} at (53,13) size 158x9
27	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 158x8 [border: (1px solid #E6E6E659)]	27	RenderFlexibleBox {DIV} at (0,0) size 158x8 [border: (1px solid #E6E6E659)]
28	RenderBlock {DIV} at (1,1) size 138x24	28	RenderBlock {DIV} at (1,1) size 138x24
29	RenderBlock {DIV} at (132,1) size 32x24	29	RenderBlock {DIV} at (132,1) size 32x24
30	RenderDeprecatedFlexibleBox {DIV} at (226,0) size 36x35 [color=#FFFFFF]	30	RenderFlexibleBox {DIV} at (226,0) size 36x35 [color=#FFFFFF]
31	RenderBlock (anonymous) at (0,0) size 36x35	31	RenderBlock (anonymous) at (0,0) size 36x35
32	RenderText {#text} at (0,7) size 36x21	32	RenderText {#text} at (0,7) size 36x21
33	text run at (0,7) width 36: "0:00"	33	text run at (0,7) width 36: "0:00"
Lines 36-54 layer at (13,257) size 310x35 scrollHeight 39 a/LayoutTests/platform/chromium-android/media/controls-styling-strict-expected.txt_sec2
36	layer at (60,263) size 32x24	36	layer at (60,263) size 32x24
37	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	37	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
38	layer at (332,52) size 320x240	38	layer at (332,52) size 320x240
39	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	39	RenderFlexibleBox {DIV} at (0,0) size 320x240
40	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	40	RenderFlexibleBox {DIV} at (0,0) size 320x205
41	RenderButton {INPUT} at (120,62) size 80x81	41	RenderButton {INPUT} at (120,62) size 80x81
42	RenderBlock {DIV} at (0,205) size 320x35	42	RenderBlock {DIV} at (0,205) size 320x35
43	layer at (337,257) size 310x35 scrollHeight 39	43	layer at (337,257) size 310x35 scrollHeight 39
44	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	44	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
45	RenderBlock (anonymous) at (0,0) size 53x35	45	RenderBlock (anonymous) at (0,0) size 53x35
46	RenderButton {INPUT} at (9,-1) size 35x36	46	RenderButton {INPUT} at (9,-1) size 35x36
47	RenderSlider {INPUT} at (53,13) size 157x9	47	RenderSlider {INPUT} at (53,13) size 157x9
48	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	48	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
49	RenderBlock {DIV} at (1,1) size 137x24	49	RenderBlock {DIV} at (1,1) size 137x24
50	RenderBlock {DIV} at (131,1) size 32x24	50	RenderBlock {DIV} at (131,1) size 32x24
51	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	51	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
52	RenderBlock (anonymous) at (0,0) size 37x35	52	RenderBlock (anonymous) at (0,0) size 37x35
53	RenderText {#text} at (0,7) size 37x21	53	RenderText {#text} at (0,7) size 37x21
54	text run at (0,7) width 37: "0:00"	54	text run at (0,7) width 37: "0:00"

Lines 12-83 layer at (8,8) size 300x150 a/LayoutTests/platform/chromium-android/media/media-controls-clone-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/media-controls-clone-expected.txt -18 / +18 lines
12	layer at (8,163) size 300x150	12	layer at (8,163) size 300x150
13	RenderVideo {VIDEO} at (0,0) size 300x150	13	RenderVideo {VIDEO} at (0,0) size 300x150
14	layer at (8,8) size 300x150	14	layer at (8,8) size 300x150
15	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150	15	RenderFlexibleBox {DIV} at (0,0) size 300x150
16	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115	16	RenderFlexibleBox {DIV} at (0,0) size 300x115
17	RenderButton {INPUT} at (110,17) size 80x81	17	RenderButton {INPUT} at (110,17) size 80x81
18	RenderBlock {DIV} at (0,115) size 300x35	18	RenderBlock {DIV} at (0,115) size 300x35
19	layer at (13,123) size 290x35 scrollHeight 39	19	layer at (13,123) size 290x35 scrollHeight 39
20	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]	20	RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
21	RenderBlock (anonymous) at (0,0) size 53x35	21	RenderBlock (anonymous) at (0,0) size 53x35
22	RenderButton {INPUT} at (9,-1) size 35x36	22	RenderButton {INPUT} at (9,-1) size 35x36
23	RenderSlider {INPUT} at (53,13) size 176x9	23	RenderSlider {INPUT} at (53,13) size 176x9
24	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]	24	RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
25	RenderBlock {DIV} at (1,1) size 156x24	25	RenderBlock {DIV} at (1,1) size 156x24
26	RenderBlock {DIV} at (150,1) size 32x24	26	RenderBlock {DIV} at (150,1) size 32x24
27	RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]	27	RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
28	RenderBlock (anonymous) at (0,0) size 37x35	28	RenderBlock (anonymous) at (0,0) size 37x35
29	RenderText {#text} at (0,7) size 37x21	29	RenderText {#text} at (0,7) size 37x21
30	text run at (0,7) width 37: "0:00"	30	text run at (0,7) width 37: "0:00"
31	layer at (60,129) size 32x24	31	layer at (60,129) size 32x24
32	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	32	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
33	layer at (308,123) size 300x35	33	layer at (308,123) size 300x35
34	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35	34	RenderFlexibleBox {DIV} at (0,0) size 300x35
35	RenderBlock {DIV} at (0,0) size 300x35	35	RenderBlock {DIV} at (0,0) size 300x35
36	layer at (308,123) size 300x35 scrollHeight 39	36	layer at (308,123) size 300x35 scrollHeight 39
37	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]	37	RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
38	RenderBlock (anonymous) at (0,0) size 53x35	38	RenderBlock (anonymous) at (0,0) size 53x35
39	RenderButton {INPUT} at (9,-1) size 35x36	39	RenderButton {INPUT} at (9,-1) size 35x36
40	RenderSlider {INPUT} at (53,13) size 186x9	40	RenderSlider {INPUT} at (53,13) size 186x9
41	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]	41	RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
42	RenderBlock {DIV} at (1,1) size 166x24	42	RenderBlock {DIV} at (1,1) size 166x24
43	RenderBlock {DIV} at (160,1) size 32x24	43	RenderBlock {DIV} at (160,1) size 32x24
44	RenderDeprecatedFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]	44	RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
45	RenderBlock (anonymous) at (0,0) size 37x35	45	RenderBlock (anonymous) at (0,0) size 37x35
46	RenderText {#text} at (0,7) size 37x21	46	RenderText {#text} at (0,7) size 37x21
47	text run at (0,7) width 37: "0:00"	47	text run at (0,7) width 37: "0:00"
48	layer at (355,129) size 32x24	48	layer at (355,129) size 32x24
49	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	49	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
50	layer at (8,163) size 300x150	50	layer at (8,163) size 300x150
51	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150	51	RenderFlexibleBox {DIV} at (0,0) size 300x150
52	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115	52	RenderFlexibleBox {DIV} at (0,0) size 300x115
53	RenderButton {INPUT} at (110,17) size 80x81	53	RenderButton {INPUT} at (110,17) size 80x81
54	RenderBlock {DIV} at (0,115) size 300x35	54	RenderBlock {DIV} at (0,115) size 300x35
55	layer at (13,278) size 290x35 scrollHeight 39	55	layer at (13,278) size 290x35 scrollHeight 39
56	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]	56	RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
57	RenderBlock (anonymous) at (0,0) size 53x35	57	RenderBlock (anonymous) at (0,0) size 53x35
58	RenderButton {INPUT} at (9,-1) size 35x36	58	RenderButton {INPUT} at (9,-1) size 35x36
59	RenderSlider {INPUT} at (53,13) size 176x9	59	RenderSlider {INPUT} at (53,13) size 176x9
60	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]	60	RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
61	RenderBlock {DIV} at (1,1) size 156x24	61	RenderBlock {DIV} at (1,1) size 156x24
62	RenderBlock {DIV} at (150,1) size 32x24	62	RenderBlock {DIV} at (150,1) size 32x24
63	RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]	63	RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
64	RenderBlock (anonymous) at (0,0) size 37x35	64	RenderBlock (anonymous) at (0,0) size 37x35
65	RenderText {#text} at (0,7) size 37x21	65	RenderText {#text} at (0,7) size 37x21
66	text run at (0,7) width 37: "0:00"	66	text run at (0,7) width 37: "0:00"
67	layer at (60,284) size 32x24	67	layer at (60,284) size 32x24
68	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24	68	RenderBlock (relative positioned) {DIV} at (-7,-8) size 32x24
69	layer at (308,278) size 300x35	69	layer at (308,278) size 300x35
70	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35	70	RenderFlexibleBox {DIV} at (0,0) size 300x35
71	RenderBlock {DIV} at (0,0) size 300x35	71	RenderBlock {DIV} at (0,0) size 300x35
72	layer at (308,278) size 300x35 scrollHeight 39	72	layer at (308,278) size 300x35 scrollHeight 39
73	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]	73	RenderFlexibleBox {DIV} at (0,0) size 300x35 [bgcolor=#141414CC]
74	RenderBlock (anonymous) at (0,0) size 53x35	74	RenderBlock (anonymous) at (0,0) size 53x35
75	RenderButton {INPUT} at (9,-1) size 35x36	75	RenderButton {INPUT} at (9,-1) size 35x36
76	RenderSlider {INPUT} at (53,13) size 186x9	76	RenderSlider {INPUT} at (53,13) size 186x9
77	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]	77	RenderFlexibleBox {DIV} at (0,0) size 186x8 [border: (1px solid #E6E6E659)]
78	RenderBlock {DIV} at (1,1) size 166x24	78	RenderBlock {DIV} at (1,1) size 166x24
79	RenderBlock {DIV} at (160,1) size 32x24	79	RenderBlock {DIV} at (160,1) size 32x24
80	RenderDeprecatedFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]	80	RenderFlexibleBox {DIV} at (254,0) size 37x35 [color=#FFFFFF]
81	RenderBlock (anonymous) at (0,0) size 37x35	81	RenderBlock (anonymous) at (0,0) size 37x35
82	RenderText {#text} at (0,7) size 37x21	82	RenderText {#text} at (0,7) size 37x21
83	text run at (0,7) width 37: "0:00"	83	text run at (0,7) width 37: "0:00"

Lines 17-35 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/media-document-audio-repaint-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/media-document-audio-repaint-expected.txt -5 / +5 lines
17	layer at (40,165) size 300x1	17	layer at (40,165) size 300x1
18	RenderVideo {VIDEO} at (40,165) size 300x1	18	RenderVideo {VIDEO} at (40,165) size 300x1
19	layer at (40,165) size 300x1	19	layer at (40,165) size 300x1
20	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x1	20	RenderFlexibleBox {DIV} at (0,0) size 300x1
21	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x0	21	RenderFlexibleBox {DIV} at (0,0) size 300x0
22	RenderButton {INPUT} at (110,0) size 80x80	22	RenderButton {INPUT} at (110,0) size 80x80
23	RenderBlock {DIV} at (0,0) size 300x35	23	RenderBlock {DIV} at (0,0) size 300x35
24	layer at (45,165) size 290x35 scrollHeight 39	24	layer at (45,165) size 290x35 scrollHeight 39
25	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]	25	RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
26	RenderBlock (anonymous) at (0,0) size 53x35	26	RenderBlock (anonymous) at (0,0) size 53x35
27	RenderButton {INPUT} at (9,-1) size 35x36	27	RenderButton {INPUT} at (9,-1) size 35x36
28	RenderSlider {INPUT} at (53,13) size 176x9	28	RenderSlider {INPUT} at (53,13) size 176x9
29	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]	29	RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
30	RenderBlock {DIV} at (1,1) size 156x24	30	RenderBlock {DIV} at (1,1) size 156x24
31	RenderBlock {DIV} at (150,1) size 32x24	31	RenderBlock {DIV} at (150,1) size 32x24
32	RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]	32	RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
33	RenderBlock (anonymous) at (0,0) size 37x35	33	RenderBlock (anonymous) at (0,0) size 37x35
34	RenderText {#text} at (0,7) size 37x21	34	RenderText {#text} at (0,7) size 37x21
35	text run at (0,7) width 37: "0:00"	35	text run at (0,7) width 37: "0:00"

Lines 10-28 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/video-display-toggle-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/video-display-toggle-expected.txt -5 / +5 lines
10	layer at (8,28) size 320x240	10	layer at (8,28) size 320x240
11	RenderVideo {VIDEO} at (0,20) size 320x240	11	RenderVideo {VIDEO} at (0,20) size 320x240
12	layer at (8,28) size 320x240	12	layer at (8,28) size 320x240
13	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	13	RenderFlexibleBox {DIV} at (0,0) size 320x240
14	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	14	RenderFlexibleBox {DIV} at (0,0) size 320x205
15	RenderButton {INPUT} at (120,62) size 80x81	15	RenderButton {INPUT} at (120,62) size 80x81
16	RenderBlock {DIV} at (0,205) size 320x35	16	RenderBlock {DIV} at (0,205) size 320x35
17	layer at (13,233) size 310x35 scrollHeight 39	17	layer at (13,233) size 310x35 scrollHeight 39
18	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	18	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
19	RenderBlock (anonymous) at (0,0) size 53x35	19	RenderBlock (anonymous) at (0,0) size 53x35
20	RenderButton {INPUT} at (9,-1) size 35x36	20	RenderButton {INPUT} at (9,-1) size 35x36
21	RenderSlider {INPUT} at (53,13) size 157x9	21	RenderSlider {INPUT} at (53,13) size 157x9
22	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	22	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
23	RenderBlock {DIV} at (1,1) size 137x24	23	RenderBlock {DIV} at (1,1) size 137x24
24	RenderBlock {DIV} at (131,1) size 32x24	24	RenderBlock {DIV} at (131,1) size 32x24
25	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	25	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
26	RenderBlock (anonymous) at (0,0) size 37x35	26	RenderBlock (anonymous) at (0,0) size 37x35
27	RenderText {#text} at (0,7) size 37x21	27	RenderText {#text} at (0,7) size 37x21
28	text run at (0,7) width 37: "0:06"	28	text run at (0,7) width 37: "0:06"

Lines 11-29 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/video-empty-source-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/video-empty-source-expected.txt -5 / +5 lines
11	layer at (8,44) size 302x152	11	layer at (8,44) size 302x152
12	RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]	12	RenderVideo {VIDEO} at (0,0) size 302x152 [border: (1px solid #000000)]
13	layer at (9,45) size 300x150	13	layer at (9,45) size 300x150
14	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150	14	RenderFlexibleBox {DIV} at (1,1) size 300x150
15	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 300x115	15	RenderFlexibleBox {DIV} at (0,0) size 300x115
16	RenderButton {INPUT} at (110,17) size 80x81	16	RenderButton {INPUT} at (110,17) size 80x81
17	RenderBlock {DIV} at (0,115) size 300x35	17	RenderBlock {DIV} at (0,115) size 300x35
18	layer at (14,160) size 290x35 scrollHeight 39	18	layer at (14,160) size 290x35 scrollHeight 39
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]	19	RenderFlexibleBox {DIV} at (5,0) size 290x35 [bgcolor=#141414CC]
20	RenderBlock (anonymous) at (0,0) size 53x35	20	RenderBlock (anonymous) at (0,0) size 53x35
21	RenderButton {INPUT} at (9,-1) size 35x36	21	RenderButton {INPUT} at (9,-1) size 35x36
22	RenderSlider {INPUT} at (53,13) size 176x9	22	RenderSlider {INPUT} at (53,13) size 176x9
23	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]	23	RenderFlexibleBox {DIV} at (0,0) size 176x8 [border: (1px solid #E6E6E659)]
24	RenderBlock {DIV} at (1,1) size 156x24	24	RenderBlock {DIV} at (1,1) size 156x24
25	RenderBlock {DIV} at (150,1) size 32x24	25	RenderBlock {DIV} at (150,1) size 32x24
26	RenderDeprecatedFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]	26	RenderFlexibleBox {DIV} at (244,0) size 37x35 [color=#FFFFFF]
27	RenderBlock (anonymous) at (0,0) size 37x35	27	RenderBlock (anonymous) at (0,0) size 37x35
28	RenderText {#text} at (0,7) size 37x21	28	RenderText {#text} at (0,7) size 37x21
29	text run at (0,7) width 37: "0:00"	29	text run at (0,7) width 37: "0:00"

Lines 11-29 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/video-no-audio-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/video-no-audio-expected.txt -5 / +5 lines
11	layer at (8,44) size 352x288	11	layer at (8,44) size 352x288
12	RenderVideo {VIDEO} at (0,0) size 352x288	12	RenderVideo {VIDEO} at (0,0) size 352x288
13	layer at (8,44) size 352x288	13	layer at (8,44) size 352x288
14	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 352x288	14	RenderFlexibleBox {DIV} at (0,0) size 352x288
15	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 352x253	15	RenderFlexibleBox {DIV} at (0,0) size 352x253
16	RenderButton {INPUT} at (136,86) size 80x81	16	RenderButton {INPUT} at (136,86) size 80x81
17	RenderBlock {DIV} at (0,253) size 352x35	17	RenderBlock {DIV} at (0,253) size 352x35
18	layer at (13,297) size 342x35 scrollHeight 39	18	layer at (13,297) size 342x35 scrollHeight 39
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 342x35 [bgcolor=#141414CC]	19	RenderFlexibleBox {DIV} at (5,0) size 342x35 [bgcolor=#141414CC]
20	RenderBlock (anonymous) at (0,0) size 53x35	20	RenderBlock (anonymous) at (0,0) size 53x35
21	RenderButton {INPUT} at (9,-1) size 35x36	21	RenderButton {INPUT} at (9,-1) size 35x36
22	RenderSlider {INPUT} at (53,13) size 189x9	22	RenderSlider {INPUT} at (53,13) size 189x9
23	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 189x8 [border: (1px solid #E6E6E659)]	23	RenderFlexibleBox {DIV} at (0,0) size 189x8 [border: (1px solid #E6E6E659)]
24	RenderBlock {DIV} at (1,1) size 169x24	24	RenderBlock {DIV} at (1,1) size 169x24
25	RenderBlock {DIV} at (163,1) size 32x24	25	RenderBlock {DIV} at (163,1) size 32x24
26	RenderDeprecatedFlexibleBox {DIV} at (257,0) size 37x35 [color=#FFFFFF]	26	RenderFlexibleBox {DIV} at (257,0) size 37x35 [color=#FFFFFF]
27	RenderBlock (anonymous) at (0,0) size 37x35	27	RenderBlock (anonymous) at (0,0) size 37x35
28	RenderText {#text} at (0,7) size 37x21	28	RenderText {#text} at (0,7) size 37x21
29	text run at (0,7) width 37: "0:09"	29	text run at (0,7) width 37: "0:09"

Lines 12-30 layer at (0,0) size 800x325 a/LayoutTests/platform/chromium-android/media/video-playing-and-pause-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/video-playing-and-pause-expected.txt -5 / +5 lines
12	layer at (8,72) size 320x240	12	layer at (8,72) size 320x240
13	RenderVideo {VIDEO} at (0,0) size 320x240	13	RenderVideo {VIDEO} at (0,0) size 320x240
14	layer at (8,72) size 320x240	14	layer at (8,72) size 320x240
15	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	15	RenderFlexibleBox {DIV} at (0,0) size 320x240
16	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 320x205	16	RenderFlexibleBox {DIV} at (0,0) size 320x205
17	RenderButton {INPUT} at (120,62) size 80x81	17	RenderButton {INPUT} at (120,62) size 80x81
18	RenderBlock {DIV} at (0,205) size 320x35	18	RenderBlock {DIV} at (0,205) size 320x35
19	layer at (13,277) size 310x35 scrollHeight 39	19	layer at (13,277) size 310x35 scrollHeight 39
20	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]	20	RenderFlexibleBox {DIV} at (5,0) size 310x35 [bgcolor=#141414CC]
21	RenderBlock (anonymous) at (0,0) size 53x35	21	RenderBlock (anonymous) at (0,0) size 53x35
22	RenderButton {INPUT} at (9,-1) size 35x36	22	RenderButton {INPUT} at (9,-1) size 35x36
23	RenderSlider {INPUT} at (53,13) size 157x9	23	RenderSlider {INPUT} at (53,13) size 157x9
24	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]	24	RenderFlexibleBox {DIV} at (0,0) size 157x8 [border: (1px solid #E6E6E659)]
25	RenderBlock {DIV} at (1,1) size 137x24	25	RenderBlock {DIV} at (1,1) size 137x24
26	RenderBlock {DIV} at (131,1) size 32x24	26	RenderBlock {DIV} at (131,1) size 32x24
27	RenderDeprecatedFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]	27	RenderFlexibleBox {DIV} at (225,0) size 37x35 [color=#FFFFFF]
28	RenderBlock (anonymous) at (0,0) size 37x35	28	RenderBlock (anonymous) at (0,0) size 37x35
29	RenderText {#text} at (0,7) size 37x21	29	RenderText {#text} at (0,7) size 37x21
30	text run at (0,7) width 37: "0:00"	30	text run at (0,7) width 37: "0:00"

Lines 9-27 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-android/media/video-zoom-controls-expected.txt_sec1
- a/LayoutTests/platform/chromium-android/media/video-zoom-controls-expected.txt -10 / +10 lines
9	layer at (57,85) size 240x180	9	layer at (57,85) size 240x180
10	RenderVideo {VIDEO} at (45,73) size 240x180	10	RenderVideo {VIDEO} at (45,73) size 240x180
11	layer at (57,85) size 240x180	11	layer at (57,85) size 240x180
12	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180	12	RenderFlexibleBox {DIV} at (0,0) size 240x180
13	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 240x128	13	RenderFlexibleBox {DIV} at (0,0) size 240x128
14	RenderButton {INPUT} at (60,3) size 120x121	14	RenderButton {INPUT} at (60,3) size 120x121
15	RenderBlock {DIV} at (0,127) size 240x53	15	RenderBlock {DIV} at (0,127) size 240x53
16	layer at (65,213) size 225x53 backgroundClip at (65,213) size 225x52 clip at (65,213) size 225x52 scrollWidth 267 scrollHeight 57	16	layer at (65,213) size 225x53 backgroundClip at (65,213) size 225x52 clip at (65,213) size 225x52 scrollWidth 267 scrollHeight 57
17	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]	17	RenderFlexibleBox {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
18	RenderBlock (anonymous) at (0,0) size 80x53	18	RenderBlock (anonymous) at (0,0) size 80x53
19	RenderButton {INPUT} at (13,-1) size 53x53	19	RenderButton {INPUT} at (13,-1) size 53x53
20	RenderSlider {INPUT} at (79,20) size 38x13	20	RenderSlider {INPUT} at (79,20) size 38x13
21	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]	21	RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
22	RenderBlock {DIV} at (1,1) size 9x36	22	RenderBlock {DIV} at (1,1) size 9x36
23	RenderBlock {DIV} at (-1,1) size 48x36	23	RenderBlock {DIV} at (-1,1) size 48x36
24	RenderDeprecatedFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]	24	RenderFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
25	RenderBlock (anonymous) at (0,0) size 55x53	25	RenderBlock (anonymous) at (0,0) size 55x53
26	RenderText {#text} at (0,10) size 55x32	26	RenderText {#text} at (0,10) size 55x32
27	text run at (0,10) width 55: "0:00"	27	text run at (0,10) width 55: "0:00"
Lines 32-50 layer at (135,220) size 49x36 a/LayoutTests/platform/chromium-android/media/video-zoom-controls-expected.txt_sec2
32	layer at (57,310) size 240x180	32	layer at (57,310) size 240x180
33	RenderVideo {VIDEO} at (45,298) size 240x180	33	RenderVideo {VIDEO} at (45,298) size 240x180
34	layer at (57,310) size 240x180	34	layer at (57,310) size 240x180
35	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 240x180	35	RenderFlexibleBox {DIV} at (0,0) size 240x180
36	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 240x128	36	RenderFlexibleBox {DIV} at (0,0) size 240x128
37	RenderButton {INPUT} at (60,3) size 120x121	37	RenderButton {INPUT} at (60,3) size 120x121
38	RenderBlock {DIV} at (0,127) size 240x53	38	RenderBlock {DIV} at (0,127) size 240x53
39	layer at (65,438) size 225x53 backgroundClip at (65,438) size 225x52 clip at (65,438) size 225x52 scrollWidth 267 scrollHeight 57	39	layer at (65,438) size 225x53 backgroundClip at (65,438) size 225x52 clip at (65,438) size 225x52 scrollWidth 267 scrollHeight 57
40	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]	40	RenderFlexibleBox {DIV} at (7,0) size 226x53 [bgcolor=#141414CC]
41	RenderBlock (anonymous) at (0,0) size 80x53	41	RenderBlock (anonymous) at (0,0) size 80x53
42	RenderButton {INPUT} at (13,-1) size 53x53	42	RenderButton {INPUT} at (13,-1) size 53x53
43	RenderSlider {INPUT} at (79,20) size 38x13	43	RenderSlider {INPUT} at (79,20) size 38x13
44	RenderDeprecatedFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]	44	RenderFlexibleBox {DIV} at (0,0) size 38x12 [border: (1px solid #E6E6E659)]
45	RenderBlock {DIV} at (1,1) size 9x36	45	RenderBlock {DIV} at (1,1) size 9x36
46	RenderBlock {DIV} at (-1,1) size 48x36	46	RenderBlock {DIV} at (-1,1) size 48x36
47	RenderDeprecatedFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]	47	RenderFlexibleBox {DIV} at (139,0) size 56x53 [color=#FFFFFF]
48	RenderBlock (anonymous) at (0,0) size 55x53	48	RenderBlock (anonymous) at (0,0) size 55x53
49	RenderText {#text} at (0,10) size 55x32	49	RenderText {#text} at (0,10) size 55x32
50	text run at (0,10) width 55: "0:00"	50	text run at (0,10) width 55: "0:00"

Lines 21-83 layer at (0,0) size 800x341 a/LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-vertical-expected.txt_sec1
- a/LayoutTests/platform/chromium-linux/media/track/track-cue-rendering-vertical-expected.txt -26 / +19 lines
21	layer at (8,8) size 320x240	21	layer at (8,8) size 320x240
22	RenderVideo {VIDEO} at (0,0) size 320x240	22	RenderVideo {VIDEO} at (0,0) size 320x240
23	layer at (8,8) size 320x240	23	layer at (8,8) size 320x240
24	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240	24	RenderFlexibleBox {DIV} at (0,0) size 320x240
25	RenderBlock {DIV} at (0,205) size 320x35	25	RenderBlock {DIV} at (0,205) size 320x35
26	layer at (8,8) size 320x205	26	layer at (8,8) size 320x205
27	RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]	27	RenderBlock (relative positioned) {DIV} at (0,0) size 320x205 [color=#FFFFFF]
		28	RenderInline {SPAN} at (0,0) size 0x0
28	layer at (12,8) size 15x205 scrollX 2 scrollWidth 17	29	layer at (12,8) size 15x205 scrollX 2 scrollWidth 17
29	RenderBlock (positioned) {DIV} at (4,0) size 15x205	30	RenderBlock (positioned) {DIV} at (4,0) size 15x205
30	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]	31	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
31	RenderText {#text} at (0,45) size 15x111	32	RenderText {#text} at (0,47) size 15x111
32	text run at (0,45) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"	33	text run at (0,47) width 111: "Cue 1: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
33	RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
34	layer at (31,8) size 15x205 scrollX 2 scrollWidth 17	34	layer at (31,8) size 15x205 scrollX 2 scrollWidth 17
35	RenderBlock (positioned) {DIV} at (23,0) size 15x205	35	RenderBlock (positioned) {DIV} at (23,0) size 15x205
36	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]	36	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
37	RenderText {#text} at (0,45) size 15x111	37	RenderText {#text} at (0,47) size 15x111
38	text run at (0,45) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"	38	text run at (0,47) width 111: "Cue 2: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
39	RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
40	layer at (256,8) size 15x205 scrollX 2 scrollWidth 17	39	layer at (256,8) size 15x205 scrollX 2 scrollWidth 17
41	RenderBlock (positioned) {DIV} at (248,0) size 15x205	40	RenderBlock (positioned) {DIV} at (248,0) size 15x205
42	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]	41	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
43	RenderText {#text} at (0,45) size 15x111	42	RenderText {#text} at (0,47) size 15x111
44	text run at (0,45) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"	43	text run at (0,47) width 111: "Cue 3: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
45	RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
46	layer at (237,8) size 15x205 scrollX 2 scrollWidth 17	44	layer at (237,8) size 15x205 scrollX 2 scrollWidth 17
47	RenderBlock (positioned) {DIV} at (229,0) size 15x205	45	RenderBlock (positioned) {DIV} at (229,0) size 15x205
48	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]	46	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
49	RenderText {#text} at (0,45) size 15x111	47	RenderText {#text} at (0,47) size 15x111
50	text run at (0,45) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"	48	text run at (0,47) width 111: "Cue 4: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
51	RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
52	layer at (309,8) size 15x205 scrollWidth 17	49	layer at (309,8) size 15x205 scrollWidth 17
53	RenderBlock (positioned) {DIV} at (301,0) size 15x205	50	RenderBlock (positioned) {DIV} at (301,0) size 15x205
54	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]	51	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
55	RenderText {#text} at (0,45) size 15x111	52	RenderText {#text} at (0,47) size 15x111
56	text run at (0,45) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"	53	text run at (0,47) width 111: "Cue 5: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
57	RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]
58	layer at (290,8) size 15x205 scrollWidth 17	54	layer at (290,8) size 15x205 scrollWidth 17
59	RenderBlock (positioned) {DIV} at (282,0) size 15x205	55	RenderBlock (positioned) {DIV} at (282,0) size 15x205
60	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]	56	RenderInline {DIV} at (0,0) size 19x115 [bgcolor=#000000CC]
61	RenderText {#text} at (0,45) size 15x111	57	RenderText {#text} at (0,47) size 15x111
62	text run at (0,45) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"	58	text run at (0,47) width 111: "Cue 6: \x{79C1}\x{306F}\x{7ACB}\x{6D3E}\x{306A}\x{4EBA}"
63	RenderInline {DIV} at (0,0) size 17x4 [bgcolor=#000000CC]	59	layer at (13,213) size 310x30
64	layer at (13,213) size 310x30 scrollHeight 36	60	RenderFlexibleBox {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
65	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#141414CC]
66	RenderButton {INPUT} at (9,0) size 30x30	61	RenderButton {INPUT} at (9,0) size 30x30
67	RenderSlider {INPUT} at (48,11) size 74x8	62	RenderSlider {INPUT} at (48,11) size 74x8
68	RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]	63	RenderFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)]
69	RenderBlock {DIV} at (1,-8) size 54x24	64	RenderBlock {DIV} at (1,-8) size 86x24
70	RenderBlock {DIV} at (-1,0) size 33x24	65	RenderBlock {DIV} at (-1,0) size 33x24
71	RenderBlock {DIV} at (48,1) size 32x24	66	RenderFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
72	RenderDeprecatedFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF]
73	RenderBlock (anonymous) at (0,0) size 25x30	67	RenderBlock (anonymous) at (0,0) size 25x30
74	RenderText {#text} at (0,7) size 25x16	68	RenderText {#text} at (0,7) size 25x16
75	text run at (0,7) width 25: "0:00"	69	text run at (0,7) width 25: "0:00"
76	RenderButton {INPUT} at (171,0) size 35x30	70	RenderButton {INPUT} at (171,0) size 35x30
77	RenderSlider {INPUT} at (212,11) size 15x8	71	RenderSlider {INPUT} at (212,11) size 15x8
78	RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]	72	RenderFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)]
79	RenderBlock {DIV} at (1,-8) size 3x24	73	RenderBlock {DIV} at (1,-8) size 27x24
80	RenderBlock {DIV} at (-4,0) size 24x24	74	RenderBlock {DIV} at (-4,0) size 24x24
81	RenderBlock {DIV} at (-3,1) size 24x24
82	RenderButton {INPUT} at (237,0) size 30x30	75	RenderButton {INPUT} at (237,0) size 30x30
83	RenderButton {INPUT} at (271,0) size 30x30	76	RenderButton {INPUT} at (271,0) size 30x30

Lines 11-26 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-mac/fast/hidpi/video-controls-in-hidpi-expected.txt_sec1
- a/LayoutTests/platform/chromium-mac/fast/hidpi/video-controls-in-hidpi-expected.txt -3 / +3 lines
11	layer at (8,26) size 300x150	11	layer at (8,26) size 300x150
12	RenderVideo {VIDEO} at (0,0) size 300x150	12	RenderVideo {VIDEO} at (0,0) size 300x150
13	layer at (8,26) size 300x150	13	layer at (8,26) size 300x150
14	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x150	14	RenderFlexibleBox {DIV} at (0,0) size 300x150
15	RenderBlock {DIV} at (0,115) size 300x35	15	RenderBlock {DIV} at (0,115) size 300x35
16	layer at (13,141) size 290x30	16	layer at (13,141) size 290x30
17	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]	17	RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
18	RenderButton {INPUT} at (9,0) size 30x30	18	RenderButton {INPUT} at (9,0) size 30x30
19	RenderSlider {INPUT} at (48,11) size 152x8	19	RenderSlider {INPUT} at (48,11) size 152x8
20	RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]	20	RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
21	RenderBlock {DIV} at (1,-8) size 164x24	21	RenderBlock {DIV} at (1,-8) size 164x24
22	RenderBlock {DIV} at (-7,0) size 32x24	22	RenderBlock {DIV} at (-7,0) size 32x24
23	RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]	23	RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
24	RenderBlock (anonymous) at (0,0) size 25x30	24	RenderBlock (anonymous) at (0,0) size 25x30
25	RenderText {#text} at (0,7) size 25x15	25	RenderText {#text} at (0,7) size 25x15
26	text run at (0,7) width 25: "0:00"	26	text run at (0,7) width 25: "0:00"

Lines 16-31 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-mac/fast/layers/video-layer-expected.txt_sec1
- a/LayoutTests/platform/chromium-mac/fast/layers/video-layer-expected.txt -3 / +3 lines
16	layer at (58,110) size 302x152	16	layer at (58,110) size 302x152
17	RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]	17	RenderVideo {VIDEO} at (50,50) size 302x152 [border: (1px solid #000000)]
18	layer at (59,111) size 300x150	18	layer at (59,111) size 300x150
19	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (1,1) size 300x150	19	RenderFlexibleBox {DIV} at (1,1) size 300x150
20	RenderBlock {DIV} at (0,115) size 300x35	20	RenderBlock {DIV} at (0,115) size 300x35
21	layer at (64,226) size 290x30	21	layer at (64,226) size 290x30
22	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]	22	RenderFlexibleBox {DIV} at (5,0) size 290x30 [bgcolor=#141414CC]
23	RenderButton {INPUT} at (9,0) size 30x30	23	RenderButton {INPUT} at (9,0) size 30x30
24	RenderSlider {INPUT} at (48,11) size 152x8	24	RenderSlider {INPUT} at (48,11) size 152x8
25	RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]	25	RenderFlexibleBox {DIV} at (0,0) size 152x8 [border: (1px solid #E6E6E659)]
26	RenderBlock {DIV} at (1,-8) size 164x24	26	RenderBlock {DIV} at (1,-8) size 164x24
27	RenderBlock {DIV} at (-7,0) size 32x24	27	RenderBlock {DIV} at (-7,0) size 32x24
28	RenderDeprecatedFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]	28	RenderFlexibleBox {DIV} at (215,0) size 25x30 [color=#FFFFFF]
29	RenderBlock (anonymous) at (0,0) size 25x30	29	RenderBlock (anonymous) at (0,0) size 25x30
30	RenderText {#text} at (0,7) size 25x15	30	RenderText {#text} at (0,7) size 25x15
31	text run at (0,7) width 25: "0:00"	31	text run at (0,7) width 25: "0:00"

Lines 15-75 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-mac/media/audio-controls-rendering-expected.txt_sec1
- a/LayoutTests/platform/chromium-mac/media/audio-controls-rendering-expected.txt -24 / +24 lines
15	RenderBR {BR} at (0,78) size 0x18	15	RenderBR {BR} at (0,78) size 0x18
16	RenderBR {BR} at (0,96) size 0x18	16	RenderBR {BR} at (0,96) size 0x18
17	layer at (8,42) size 300x30	17	layer at (8,42) size 300x30
18	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30	18	RenderFlexibleBox {DIV} at (0,0) size 300x30
19	RenderBlock {DIV} at (0,0) size 300x30	19	RenderBlock {DIV} at (0,0) size 300x30
20	layer at (8,42) size 300x30	20	layer at (8,42) size 300x30
21	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]	21	RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
22	RenderButton {INPUT} at (9,0) size 30x30	22	RenderButton {INPUT} at (9,0) size 30x30
23	RenderSlider {INPUT} at (48,11) size 103x8	23	RenderSlider {INPUT} at (48,11) size 104x8
24	RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]	24	RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
25	RenderBlock {DIV} at (1,-8) size 115x24	25	RenderBlock {DIV} at (1,-8) size 116x24
26	RenderBlock {DIV} at (-7,0) size 32x24	26	RenderBlock {DIV} at (-7,0) size 32x24
27	RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]	27	RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
28	RenderBlock (anonymous) at (0,0) size 25x30	28	RenderBlock (anonymous) at (0,0) size 25x30
29	RenderText {#text} at (0,7) size 25x15	29	RenderText {#text} at (0,7) size 25x15
30	text run at (0,7) width 25: "0:07"	30	text run at (0,7) width 25: "0:07"
31	RenderButton {INPUT} at (200,0) size 35x30	31	RenderButton {INPUT} at (200,0) size 36x30
32	RenderSlider {INPUT} at (241,11) size 44x8	32	RenderSlider {INPUT} at (241,11) size 44x8
33	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]	33	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
34	RenderBlock {DIV} at (1,-8) size 56x24	34	RenderBlock {DIV} at (1,-8) size 56x24
35	RenderBlock {DIV} at (25,0) size 24x24	35	RenderBlock {DIV} at (24,0) size 25x24
36	layer at (8,90) size 320x30	36	layer at (8,90) size 320x30
37	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30	37	RenderFlexibleBox {DIV} at (0,0) size 320x30
38	RenderBlock {DIV} at (0,0) size 320x30	38	RenderBlock {DIV} at (0,0) size 320x30
39	layer at (8,90) size 320x30	39	layer at (8,90) size 320x30
40	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]	40	RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
41	RenderButton {INPUT} at (9,0) size 30x30	41	RenderButton {INPUT} at (9,0) size 30x30
42	RenderSlider {INPUT} at (48,11) size 113x8	42	RenderSlider {INPUT} at (48,11) size 114x8
43	RenderFlexibleBox {DIV} at (0,0) size 113x8 [border: (1px solid #E6E6E659)]	43	RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
44	RenderBlock {DIV} at (1,-8) size 125x24	44	RenderBlock {DIV} at (1,-8) size 126x24
45	RenderBlock {DIV} at (-7,0) size 32x24	45	RenderBlock {DIV} at (-7,0) size 32x24
46	RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]	46	RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
47	RenderBlock (anonymous) at (0,0) size 25x30	47	RenderBlock (anonymous) at (0,0) size 25x30
48	RenderText {#text} at (0,7) size 25x15	48	RenderText {#text} at (0,7) size 25x15
49	text run at (0,7) width 25: "0:07"	49	text run at (0,7) width 25: "0:07"
50	RenderButton {INPUT} at (210,0) size 35x30	50	RenderButton {INPUT} at (210,0) size 36x30
51	RenderSlider {INPUT} at (251,11) size 54x8	51	RenderSlider {INPUT} at (251,11) size 54x8
52	RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]	52	RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
53	RenderBlock {DIV} at (1,-8) size 66x24	53	RenderBlock {DIV} at (1,-8) size 66x24
54	RenderBlock {DIV} at (35,0) size 24x24	54	RenderBlock {DIV} at (34,0) size 25x24
55	layer at (8,138) size 320x100	55	layer at (8,138) size 320x100
56	RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF]	56	RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF]
57	layer at (8,138) size 320x100	57	layer at (8,138) size 320x100
58	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100	58	RenderFlexibleBox {DIV} at (0,0) size 320x100
59	RenderBlock {DIV} at (0,70) size 320x30	59	RenderBlock {DIV} at (0,70) size 320x30
60	layer at (8,208) size 320x30	60	layer at (8,208) size 320x30
61	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]	61	RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC]
62	RenderButton {INPUT} at (9,0) size 30x30	62	RenderButton {INPUT} at (9,0) size 30x30
63	RenderSlider {INPUT} at (48,11) size 113x8	63	RenderSlider {INPUT} at (48,11) size 114x8
64	RenderFlexibleBox {DIV} at (0,0) size 113x8 [border: (1px solid #E6E6E659)]	64	RenderFlexibleBox {DIV} at (0,0) size 114x8 [border: (1px solid #E6E6E659)]
65	RenderBlock {DIV} at (1,-8) size 125x24	65	RenderBlock {DIV} at (1,-8) size 126x24
66	RenderBlock {DIV} at (-7,0) size 32x24	66	RenderBlock {DIV} at (-7,0) size 32x24
67	RenderDeprecatedFlexibleBox {DIV} at (176,0) size 25x30 [color=#FFFFFF]	67	RenderFlexibleBox {DIV} at (176,0) size 26x30 [color=#FFFFFF]
68	RenderBlock (anonymous) at (0,0) size 25x30	68	RenderBlock (anonymous) at (0,0) size 25x30
69	RenderText {#text} at (0,7) size 25x15	69	RenderText {#text} at (0,7) size 25x15
70	text run at (0,7) width 25: "0:07"	70	text run at (0,7) width 25: "0:07"
71	RenderButton {INPUT} at (210,0) size 35x30	71	RenderButton {INPUT} at (210,0) size 36x30
72	RenderSlider {INPUT} at (251,11) size 54x8	72	RenderSlider {INPUT} at (251,11) size 54x8
73	RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]	73	RenderFlexibleBox {DIV} at (0,0) size 54x8 [border: (1px solid #E6E6E659)]
74	RenderBlock {DIV} at (1,-8) size 66x24	74	RenderBlock {DIV} at (1,-8) size 66x24
75	RenderBlock {DIV} at (35,0) size 24x24	75	RenderBlock {DIV} at (34,0) size 25x24

Lines 15-75 layer at (0,0) size 800x600 a/LayoutTests/platform/chromium-mac/media/audio-repaint-expected.txt_sec1
- a/LayoutTests/platform/chromium-mac/media/audio-repaint-expected.txt -24 / +24 lines
15	layer at (8,72) size 300x30	15	layer at (8,72) size 300x30
16	RenderMedia {AUDIO} at (0,30) size 300x30	16	RenderMedia {AUDIO} at (0,30) size 300x30
17	layer at (8,72) size 300x30	17	layer at (8,72) size 300x30
18	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30	18	RenderFlexibleBox {DIV} at (0,0) size 300x30
19	RenderBlock {DIV} at (0,0) size 300x30	19	RenderBlock {DIV} at (0,0) size 300x30
20	layer at (8,72) size 300x30	20	layer at (8,72) size 300x30
21	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]	21	RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
22	RenderButton {INPUT} at (9,0) size 30x30	22	RenderButton {INPUT} at (9,0) size 30x30
23	RenderSlider {INPUT} at (48,11) size 103x8	23	RenderSlider {INPUT} at (48,11) size 104x8
24	RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]	24	RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
25	RenderBlock {DIV} at (1,-8) size 115x24	25	RenderBlock {DIV} at (1,-8) size 116x24
26	RenderBlock {DIV} at (34,0) size 33x24	26	RenderBlock {DIV} at (34,0) size 33x24
27	RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]	27	RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
28	RenderBlock (anonymous) at (0,0) size 25x30	28	RenderBlock (anonymous) at (0,0) size 25x30
29	RenderText {#text} at (0,7) size 25x15	29	RenderText {#text} at (0,7) size 25x15
30	text run at (0,7) width 25: "0:00"	30	text run at (0,7) width 25: "0:00"
31	RenderButton {INPUT} at (200,0) size 35x30	31	RenderButton {INPUT} at (200,0) size 36x30
32	RenderSlider {INPUT} at (241,11) size 44x8	32	RenderSlider {INPUT} at (241,11) size 44x8
33	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]	33	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
34	RenderBlock {DIV} at (1,-8) size 56x24	34	RenderBlock {DIV} at (1,-8) size 56x24
35	RenderBlock {DIV} at (25,0) size 24x24	35	RenderBlock {DIV} at (24,0) size 25x24
36	layer at (8,42) size 300x30	36	layer at (8,42) size 300x30
37	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30	37	RenderFlexibleBox {DIV} at (0,0) size 300x30
38	RenderBlock {DIV} at (0,0) size 300x30	38	RenderBlock {DIV} at (0,0) size 300x30
39	layer at (8,42) size 300x30	39	layer at (8,42) size 300x30
40	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]	40	RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
41	RenderButton {INPUT} at (9,0) size 30x30	41	RenderButton {INPUT} at (9,0) size 30x30
42	RenderSlider {INPUT} at (48,11) size 103x8	42	RenderSlider {INPUT} at (48,11) size 104x8
43	RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]	43	RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
44	RenderBlock {DIV} at (1,-8) size 115x24	44	RenderBlock {DIV} at (1,-8) size 116x24
45	RenderBlock {DIV} at (34,0) size 33x24	45	RenderBlock {DIV} at (34,0) size 33x24
46	RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]	46	RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
47	RenderBlock (anonymous) at (0,0) size 25x30	47	RenderBlock (anonymous) at (0,0) size 25x30
48	RenderText {#text} at (0,7) size 25x15	48	RenderText {#text} at (0,7) size 25x15
49	text run at (0,7) width 25: "0:00"	49	text run at (0,7) width 25: "0:00"
50	RenderButton {INPUT} at (200,0) size 35x30	50	RenderButton {INPUT} at (200,0) size 36x30
51	RenderSlider {INPUT} at (241,11) size 44x8	51	RenderSlider {INPUT} at (241,11) size 44x8
52	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]	52	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
53	RenderBlock {DIV} at (1,-8) size 56x24	53	RenderBlock {DIV} at (1,-8) size 56x24
54	RenderBlock {DIV} at (25,0) size 24x24	54	RenderBlock {DIV} at (24,0) size 25x24
55	layer at (8,154) size 300x30	55	layer at (8,154) size 300x30
56	RenderMedia {AUDIO} at (0,112) size 300x30	56	RenderMedia {AUDIO} at (0,112) size 300x30
57	layer at (8,154) size 300x30	57	layer at (8,154) size 300x30
58	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30	58	RenderFlexibleBox {DIV} at (0,0) size 300x30
59	RenderBlock {DIV} at (0,0) size 300x30	59	RenderBlock {DIV} at (0,0) size 300x30
60	layer at (8,154) size 300x30	60	layer at (8,154) size 300x30
61	RenderDeprecatedFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]	61	RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC]
62	RenderButton {INPUT} at (9,0) size 30x30	62	RenderButton {INPUT} at (9,0) size 30x30
63	RenderSlider {INPUT} at (48,11) size 103x8	63	RenderSlider {INPUT} at (48,11) size 104x8
64	RenderFlexibleBox {DIV} at (0,0) size 103x8 [border: (1px solid #E6E6E659)]	64	RenderFlexibleBox {DIV} at (0,0) size 104x8 [border: (1px solid #E6E6E659)]
65	RenderBlock {DIV} at (1,-8) size 115x24	65	RenderBlock {DIV} at (1,-8) size 116x24
66	RenderBlock {DIV} at (34,0) size 33x24	66	RenderBlock {DIV} at (34,0) size 33x24
67	RenderDeprecatedFlexibleBox {DIV} at (166,0) size 25x30 [color=#FFFFFF]	67	RenderFlexibleBox {DIV} at (166,0) size 26x30 [color=#FFFFFF]
68	RenderBlock (anonymous) at (0,0) size 25x30	68	RenderBlock (anonymous) at (0,0) size 25x30
69	RenderText {#text} at (0,7) size 25x15	69	RenderText {#text} at (0,7) size 25x15
70	text run at (0,7) width 25: "0:00"	70	text run at (0,7) width 25: "0:00"
71	RenderButton {INPUT} at (200,0) size 35x30	71	RenderButton {INPUT} at (200,0) size 36x30
72	RenderSlider {INPUT} at (241,11) size 44x8	72	RenderSlider {INPUT} at (241,11) size 44x8
73	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]	73	RenderFlexibleBox {DIV} at (0,0) size 44x8 [border: (1px solid #E6E6E659)]
74	RenderBlock {DIV} at (1,-8) size 56x24	74	RenderBlock {DIV} at (1,-8) size 56x24
75	RenderBlock {DIV} at (25,0) size 24x24	75	RenderBlock {DIV} at (24,0) size 25x24