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 |