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> |