| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../media-file.js"></script> | 2 <script src="../media-file.js"></script> |
| 3 <script> | 3 <script> |
| 4 var mediaFile = findMediaFile('video', '../content/test'); | 4 var mediaFile = findMediaFile('video', '../content/test'); |
| 5 | 5 |
| 6 function addTrackWithCueData(video, cueData) { | 6 function addTrackWithRtlCueData(video, cueData) { |
| 7 var track = video.addTextTrack('subtitles'); | 7 var track = video.addTextTrack('subtitles'); |
| 8 var cue = new VTTCue(0, 10, 'XXX'); | 8 var cue = new VTTCue(0, 10, '\u05d0\u05d1\u05d2'); |
| 9 for (var prop in cueData) | 9 for (var prop in cueData) |
| 10 cue[prop] = cueData[prop]; | 10 cue[prop] = cueData[prop]; |
| 11 track.addCue(cue); | 11 track.addCue(cue); |
| 12 track.mode = 'showing'; | 12 track.mode = 'showing'; |
| 13 } | 13 } |
| 14 </script> | 14 </script> |
| 15 <style> | 15 <style> |
| 16 video::cue { | 16 video::cue { |
| 17 font-size: 50px; | 17 font-size: 50px; |
| 18 color: green; | 18 color: green; |
| 19 background-color: green; | 19 background-color: green; |
| 20 } | 20 } |
| 21 </style> | 21 </style> |
| 22 <video> | 22 <video> |
| 23 <script> | 23 <script> |
| 24 var video = document.currentScript.parentNode; | 24 var video = document.currentScript.parentNode; |
| 25 addTrackWithCueData(video, { align: 'start', line: 0 }); | 25 addTrackWithRtlCueData(video, { align: 'start', size: 50, line: 0 }); |
| 26 video.src = mediaFile; | 26 video.src = mediaFile; |
| 27 </script> | 27 </script> |
| 28 </video> | 28 </video> |
| 29 <video> | 29 <video> |
| 30 <script> | 30 <script> |
| 31 var video = document.currentScript.parentNode; | 31 var video = document.currentScript.parentNode; |
| 32 addTrackWithCueData(video, { align: 'middle', line: 0 }); | 32 addTrackWithRtlCueData(video, { align: 'middle', size: 50, line: 0 }); |
| 33 video.src = mediaFile; | 33 video.src = mediaFile; |
| 34 </script> | 34 </script> |
| 35 </video> | 35 </video> |
| 36 <video> | 36 <video> |
| 37 <script> | 37 <script> |
| 38 var video = document.currentScript.parentNode; | 38 var video = document.currentScript.parentNode; |
| 39 addTrackWithCueData(video, { align: 'end', line: 0 }); | 39 addTrackWithRtlCueData(video, { align: 'end', size: 50, line: 0 }); |
| 40 video.src = mediaFile; | 40 video.src = mediaFile; |
| 41 </script> | 41 </script> |
| 42 </video> | 42 </video> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 851333003:
WebVTT: Update cue alignment to a later spec. version (Closed)
Base URL: svn://svn.chromium.org/blink/trunk