Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <script src="../media-file.js"></script> | |
| 3 <script> | |
| 4 var mediaFile = findMediaFile('video', '../content/test'); | |
| 5 | |
| 6 function addTrackWithCueData(video, cueData) { | |
| 7 var track = video.addTextTrack('subtitles'); | |
| 8 var cue = new VTTCue(0, 10, 'XXX'); | |
| 9 for (var prop in cueData) | |
| 10 cue[prop] = cueData[prop]; | |
| 11 track.addCue(cue); | |
| 12 track.mode = 'showing'; | |
| 13 } | |
| 14 </script> | |
| 15 <style> | |
| 16 video::cue { | |
| 17 font-size: 50px; | |
| 18 color: green; | |
| 19 background-color: green; | |
| 20 } | |
| 21 </style> | |
| 22 <video> | |
| 23 <script> | |
| 24 var video = document.querySelectorAll('video')[0]; | |
|
philipj_slow
2015/01/21 15:02:14
Given the structure, document.currentScript.parent
fs
2015/01/21 15:28:24
Done.
| |
| 25 addTrackWithCueData(video, { align: 'start', line: 0 }); | |
| 26 video.src = mediaFile; | |
| 27 </script> | |
| 28 </video> | |
| 29 <video> | |
| 30 <script> | |
| 31 var video = document.querySelectorAll('video')[1]; | |
| 32 addTrackWithCueData(video, { align: 'middle', line: 0 }); | |
| 33 video.src = mediaFile; | |
| 34 </script> | |
| 35 </video> | |
| 36 <video> | |
| 37 <script> | |
| 38 var video = document.querySelectorAll('video')[2]; | |
| 39 addTrackWithCueData(video, { align: 'end', line: 0 }); | |
| 40 video.src = mediaFile; | |
| 41 </script> | |
| 42 </video> | |
| OLD | NEW |