| Index: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/media_with_controls-ref.html
|
| diff --git a/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/media_with_controls-ref.html b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/media_with_controls-ref.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..798bef10ff1dfa9490988af286ac8806cba8e49a
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/media_with_controls-ref.html
|
| @@ -0,0 +1,33 @@
|
| +<!DOCTYPE html>
|
| +<html class="reftest-wait">
|
| +<title>Reference for WebVTT rendering, the subtitles are moved up to correct position when controls are visible</title>
|
| +<style>
|
| +.video {
|
| + display: inline-block;
|
| + position: absolute;
|
| + width: 1280px;
|
| + height: 720px;
|
| + outline: solid
|
| +}
|
| +.cue {
|
| + position: absolute;
|
| + bottom: 0;
|
| + left: 0;
|
| + right: 0;
|
| + text-align: center;
|
| + padding-bottom: 36px
|
| +}
|
| +.cue > span {
|
| + font-family: Ahem, sans-serif;
|
| + background: rgba(0,0,0,0.8);
|
| + color: green;
|
| + font-size: 36px
|
| +}
|
| +</style>
|
| +<script src="/common/reftest-wait.js"></script>
|
| +<div class="video"><span class="cue"><span>This is a test subtitle</span></span></div>
|
| +<video width="1280" height="720" autoplay controls onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
| + <source src="/media/white.webm" type="video/webm">
|
| + <source src="/media/white.mp4" type="video/mp4">
|
| + <track>
|
| +</video>
|
|
|