75593cd218dbba73400e2d93cb048e0723b16fbe
[WebKit-https.git] / LayoutTests / media / track / track-cue-css-expected.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <script>var requirePixelDump = true;</script>
5         <script src=../media-file.js></script>
6         <script src=../video-test.js></script>
7         <script src=../media-controls.js></script>
8
9         <style>
10         video::cue {
11             background-image: linear-gradient(to bottom, dimgray, lightgray);
12         }
13         video::cue(b) {
14             color: red;
15             font-size: 15px;
16         }
17         </style>
18         <script>
19         function loaded()
20         {
21             consoleWrite("Test that CSS in VTT file is applied correctly.");
22             findMediaElement();
23             video.src = findMediaFile('video', '../content/test');
24             waitForEvent('canplaythrough', endTest);
25         }
26
27         setCaptionDisplayMode('Automatic');
28         </script>
29     </head>
30     <body onload="loaded()">
31         <video controls >
32             <track src="captions-webvtt/no-css-styling.vtt" kind="captions" default>
33         </video>
34     </body>
35 </html>