<!-- webkit-test-runner [ enableModernMediaControls=false ] -->
<html>
<head>
    <script src="media-file.js"></script>
    <script src="video-paint-test.js"></script>
    <style>
    .override {
        letter-spacing: 30px;
        word-spacing: 30px;
        line-height: 100px;
        text-transform: capitalize;
        text-indent: 10px;
        text-shadow: red 1px 1px 1px;
        text-decoration: underline;
        color: blue;
    }
    </style>
</head>
<body onload="setSrcByTagName('video', findMediaFile('video', 'content/test')); init()">
<p>The look of the controls should not change.</p>
<div class="override">
    <video controls></video>
</div>
<video controls></video>
</body>
</html>