OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <script src="../media-file.js"></script> | |
3 <script> | |
4 var mediaFile = findMediaFile('video', '../content/test'); | |
5 </script> | |
6 <style> | |
7 .container { | |
8 position: relative; | |
9 display: inline-block; | |
10 width: 320px; | |
11 height: 240px; | |
12 } | |
13 .cue { | |
14 position: absolute; | |
15 top: 0; | |
16 left: 0; | |
17 right: 0; | |
18 overflow: hidden; | |
19 } | |
20 .cue.start { | |
21 text-align: start; | |
22 } | |
23 .cue.middle { | |
24 text-align: center; | |
25 } | |
26 .cue.end { | |
27 text-align: end; | |
28 } | |
29 .cue > span { | |
30 font-family: sans-serif; | |
31 background: green; | |
32 color: green; | |
33 font-size: 50px; | |
34 padding: 2px; | |
35 } | |
36 </style> | |
37 <div class="container"> | |
38 <video><script>document.querySelectorAll('video')[0].src = mediaFile;</script> </video> | |
philipj_slow
2015/01/21 15:02:14
Same, or maybe Array.prototype.forEach.call(docume
fs
2015/01/21 15:28:24
Done. (currentScript)
| |
39 <div class=video><div class="cue start"><span>XXX</span></div></div> | |
40 </div> | |
41 <div class="container"> | |
42 <video><script>document.querySelectorAll('video')[1].src = mediaFile;</script> </video> | |
43 <div class=video><div class="cue middle"><span>XXX</span></div></div> | |
44 </div> | |
45 <div class="container"> | |
46 <video><script>document.querySelectorAll('video')[2].src = mediaFile;</script> </video> | |
47 <div class=video><div class="cue end"><span>XXX</span></div></div> | |
48 </div> | |
OLD | NEW |