OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <title>WebVTT rendering, cue position after navigation</title> | 3 <title>WebVTT rendering, cue position after navigation</title> |
4 <style> | 4 <style> |
5 video { | 5 video { |
6 outline: solid; | 6 outline: solid; |
7 width: 320px; | 7 width: 320px; |
8 height: 240px; | 8 height: 240px; |
9 } | 9 } |
10 ::cue { | 10 ::cue { |
11 font-family: Ahem, sans-serif; | 11 font-family: Ahem, sans-serif; |
12 font-size: 50px; | 12 font-size: 50px; |
13 color: green; | 13 color: green; |
14 } | 14 } |
15 </style> | 15 </style> |
16 <video autoplay controls onplaying="this.onplaying = null; | 16 <video autoplay controls onplaying="this.onplaying = null; |
17 this.pause(); | 17 this.pause(); |
18 this.currentTime = 0; | 18 this.currentTime = 0; |
19 "> | 19 "> |
20 <source src="/media/white.webm" type="video/webm"> | 20 <source src="/media/white.webm" type="video/webm"> |
21 <source src="/media/white.mp4" type="video/mp4"> | 21 <source src="/media/white.mp4" type="video/mp4"> |
22 <track src=support/foo.vtt> | 22 <track src=support/foo.vtt> |
23 </video> | 23 <script> |
| 24 document.getElementsByTagName('track')[0].track.mode = 'showing'; |
| 25 </script> |
| 26 </video> |
OLD | NEW |