Index: LayoutTests/media/track/track-cue-rendering-position-auto.html |
diff --git a/LayoutTests/media/track/track-cue-rendering-position-auto.html b/LayoutTests/media/track/track-cue-rendering-position-auto.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..155bd71bd0516f18141abb7a0a1b0599bb72e7d6 |
--- /dev/null |
+++ b/LayoutTests/media/track/track-cue-rendering-position-auto.html |
@@ -0,0 +1,42 @@ |
+<!DOCTYPE html> |
+<script src="../media-file.js"></script> |
+<script> |
+var mediaFile = findMediaFile('video', '../content/test'); |
+ |
+function addTrackWithCueData(video, cueData) { |
+ var track = video.addTextTrack('subtitles'); |
+ var cue = new VTTCue(0, 10, 'XXX'); |
+ for (var prop in cueData) |
+ cue[prop] = cueData[prop]; |
+ track.addCue(cue); |
+ track.mode = 'showing'; |
+} |
+</script> |
+<style> |
+video::cue { |
+ font-size: 50px; |
+ color: green; |
+ background-color: green; |
+} |
+</style> |
+<video> |
+ <script> |
+ 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.
|
+ addTrackWithCueData(video, { align: 'start', line: 0 }); |
+ video.src = mediaFile; |
+ </script> |
+</video> |
+<video> |
+ <script> |
+ var video = document.querySelectorAll('video')[1]; |
+ addTrackWithCueData(video, { align: 'middle', line: 0 }); |
+ video.src = mediaFile; |
+ </script> |
+</video> |
+<video> |
+ <script> |
+ var video = document.querySelectorAll('video')[2]; |
+ addTrackWithCueData(video, { align: 'end', line: 0 }); |
+ video.src = mediaFile; |
+ </script> |
+</video> |