Chromium Code Reviews Chromium Code Reviews
Issue 851933003:
WebVTT: Support 'auto' text position (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/media/track/track-cue-rendering-position-auto-expected.html |
| diff --git a/LayoutTests/media/track/track-cue-rendering-position-auto-expected.html b/LayoutTests/media/track/track-cue-rendering-position-auto-expected.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..faf83dab265f0803a30328ddbd7f2332430113b8 |
| --- /dev/null |
| +++ b/LayoutTests/media/track/track-cue-rendering-position-auto-expected.html |
| @@ -0,0 +1,48 @@ |
| +<!DOCTYPE html> |
| +<script src="../media-file.js"></script> |
| +<script> |
| +var mediaFile = findMediaFile('video', '../content/test'); |
| +</script> |
| +<style> |
| +.container { |
| + position: relative; |
| + display: inline-block; |
| + width: 320px; |
| + height: 240px; |
| +} |
| +.cue { |
| + position: absolute; |
| + top: 0; |
| + left: 0; |
| + right: 0; |
| + overflow: hidden; |
| +} |
| +.cue.start { |
| + text-align: start; |
| +} |
| +.cue.middle { |
| + text-align: center; |
| +} |
| +.cue.end { |
| + text-align: end; |
| +} |
| +.cue > span { |
| + font-family: sans-serif; |
| + background: green; |
| + color: green; |
| + font-size: 50px; |
| + padding: 2px; |
| +} |
| +</style> |
| +<div class="container"> |
| + <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)
|
| + <div class=video><div class="cue start"><span>XXX</span></div></div> |
| +</div> |
| +<div class="container"> |
| + <video><script>document.querySelectorAll('video')[1].src = mediaFile;</script></video> |
| + <div class=video><div class="cue middle"><span>XXX</span></div></div> |
| +</div> |
| +<div class="container"> |
| + <video><script>document.querySelectorAll('video')[2].src = mediaFile;</script></video> |
| + <div class=video><div class="cue end"><span>XXX</span></div></div> |
| +</div> |
