OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html class="reftest-wait"> |
3 <title>WebVTT rendering, ::cue(c), background properties</title> | 3 <title>WebVTT rendering, ::cue(c), background properties</title> |
4 <link rel="match" href="class_background_properties-ref.html"> | 4 <link rel="match" href="class_background_properties-ref.html"> |
5 <style> | 5 <style> |
6 html { overflow:hidden } | 6 html { overflow:hidden } |
7 body { margin:0 } | 7 body { margin:0 } |
8 ::cue(c) { | 8 ::cue(c) { |
9 font-family: sans-serif; | 9 font-family: sans-serif; |
10 background-color: #0f0; | 10 background-color: #0f0; |
11 background-image: url('../../../media/background.gif'); | 11 background-image: url('../../../media/background.gif'); |
12 background-repeat: repeat-x; | 12 background-repeat: repeat-x; |
13 background-position: top left; | 13 background-position: top left; |
14 color: black; | 14 color: black; |
15 } | 15 } |
16 </style> | 16 </style> |
17 <script src="/common/reftest-wait.js"></script> | 17 <script src="/common/reftest-wait.js"></script> |
18 <video width="1280" height="720" autoplay onplaying="this.onplaying = null; this
.pause(); takeScreenshot();"> | 18 <video width="320" height="180" autoplay onplaying="this.onplaying = null; this.
pause(); takeScreenshot();"> |
19 <source src="/media/white.webm" type="video/webm"> | 19 <source src="/media/white.webm" type="video/webm"> |
20 <source src="/media/white.mp4" type="video/mp4"> | 20 <source src="/media/white.mp4" type="video/mp4"> |
21 <track src="../../../support/test_class.vtt"> | 21 <track src="../../../support/test_class.vtt"> |
22 <script> | 22 <script> |
23 document.getElementsByTagName('track')[0].track.mode = 'showing'; | 23 document.getElementsByTagName('track')[0].track.mode = 'showing'; |
24 </script> | 24 </script> |
25 </video> | 25 </video> |
26 </html> | 26 </html> |
OLD | NEW |