| 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..40ba31560545441d951e6dd12e42ccb0eaca6ec8
|
| --- /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.currentScript.parentNode.src = mediaFile;</script></video>
|
| + <div class=video><div class="cue start"><span>XXX</span></div></div>
|
| +</div>
|
| +<div class="container">
|
| + <video><script>document.currentScript.parentNode.src = mediaFile;</script></video>
|
| + <div class=video><div class="cue middle"><span>XXX</span></div></div>
|
| +</div>
|
| +<div class="container">
|
| + <video><script>document.currentScript.parentNode.src = mediaFile;</script></video>
|
| + <div class=video><div class="cue end"><span>XXX</span></div></div>
|
| +</div>
|
|
|