mirror of
https://github.com/servo/servo.git
synced 2025-08-26 15:48:22 +01:00
Update web-platform-tests to revision 4100d1d51b885185c50902397f7d203d89efc24c
This commit is contained in:
parent
fd174c54ef
commit
35b828da75
91 changed files with 1843 additions and 298 deletions
|
@ -11,26 +11,22 @@ body { margin:0 }
|
|||
position: relative;
|
||||
font-size: 9px;
|
||||
}
|
||||
#cue1 {
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -4.5px;
|
||||
text-align: center
|
||||
text-align: center;
|
||||
}
|
||||
#cue2 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -13.5px;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
.cueText {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class="video"><span class="cue" id="cue1"><span>This is a test subtitle</span></span><span class="cue" id="cue2"><span>This is another test subtitle</span></span></div>
|
||||
<div class="video">
|
||||
<span class="cue">
|
||||
<div><span class="cueText">This is another test subtitle</span></div>
|
||||
<div><span class="cueText">This is a test subtitle</span></div>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
@ -11,26 +11,26 @@ body { margin:0 }
|
|||
position: relative;
|
||||
font-size: 9px;
|
||||
}
|
||||
#cue1 {
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -4.5px;
|
||||
text-align: center
|
||||
text-align: center;
|
||||
}
|
||||
#cue2 {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin-top: -13.5px;
|
||||
text-align: center
|
||||
}
|
||||
.cue > span {
|
||||
.cueText {
|
||||
font-family: Ahem, sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
}
|
||||
.cueTextGoingUp {
|
||||
position: relative;
|
||||
top: -1.8px; /* 1% height of video's height */
|
||||
}
|
||||
</style>
|
||||
<div class="video"><span class="cue" id="cue1"><span>This is a test subtitle</span></span><span class="cue" id="cue2"><span>This is another test subtitle</span></span></div>
|
||||
<div class="video">
|
||||
<span class="cue">
|
||||
<div><span class="cueText cueTextGoingUp">This is another test subtitle</span></div>
|
||||
<div><span class="cueText">This is a test subtitle</span></div>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
@ -14,7 +14,7 @@ body { margin:0 }
|
|||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 23px;
|
||||
right: 0px;
|
||||
width: 64px;
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -24,4 +24,4 @@ body { margin:0 }
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>Aweso<br>me!!!</span></span></div>
|
||||
<div class=video><span class=cue><span>Awesome!!!</span></span></div>
|
||||
|
|
|
@ -14,7 +14,7 @@ body { margin:0 }
|
|||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 23px;
|
||||
left: 0px;
|
||||
right: 0;
|
||||
width: 64px;
|
||||
text-align: center
|
||||
|
@ -25,4 +25,4 @@ body { margin:0 }
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>Awesome<br>!!!</span></span></div>
|
||||
<div class=video><span class=cue><span>Awesome!!!</span></span></div>
|
||||
|
|
|
@ -14,7 +14,7 @@ body { margin:0 }
|
|||
.cue {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 23px;
|
||||
left: 0px;
|
||||
right: 0;
|
||||
width: 64px;
|
||||
text-align: center;
|
||||
|
@ -25,4 +25,4 @@ body { margin:0 }
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>Aweso<br>me!!!</span></span></div>
|
||||
<div class=video><span class=cue><span>Awesome!!!</span></span></div>
|
||||
|
|
|
@ -24,4 +24,4 @@ body { margin:0 }
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>This is a test subtitle that <br>most likely will span over <br>several rows since it is a pretty <br>long cue with a lot of text.</span></span></div>
|
||||
<div class=video><span class=cue><span>This is a test subtitle that most likely will span over several rows since it is a pretty long cue with a lot of text.</span></span></div>
|
||||
|
|
|
@ -24,4 +24,4 @@ body { margin:0 }
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>This is a test <br>subtitle that <br>most likely <br>will span over <br>several rows <br>since it is a <br>pretty long <br>cue with a <br>lot of text.</span></span></div>
|
||||
<div class=video><span class=cue><span>This is a test subtitle that most likely will span over several rows since it is a pretty long cue with a lot of text.</span></span></div>
|
||||
|
|
|
@ -24,4 +24,4 @@ body { margin:0 }
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class=video><span class=cue><span>This is a test <br>subtitle that <br>most likely <br>will span over <br>several rows <br>since it is a <br>pretty long <br>cue with a <br>lot of text.</span></span></div>
|
||||
<div class=video><span class=cue><span>This is a test subtitle that most likely will span over several rows since it is a pretty long cue with a lot of text.</span></span></div>
|
||||
|
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html class="reftest-wait">
|
||||
<title>WebVTT rendering, set align start and the cue contains two lines with different writing directions</title>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
.video {
|
||||
display: inline-block;
|
||||
width: 320px;
|
||||
height: 180px;
|
||||
position: relative;
|
||||
font-size: 9px;
|
||||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: start;
|
||||
unicode-bidi: plaintext;
|
||||
}
|
||||
.cueText {
|
||||
font-family: sans-serif;
|
||||
background: rgba(0,0,0,0.8);
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<div class="video">
|
||||
<video width="320" height="180" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
</video>
|
||||
<span class="cue">
|
||||
<span class="cueText">Hello!</span><br>
|
||||
<span class="cueText">שלום!</span>
|
||||
</span>
|
||||
</div>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait">
|
||||
<title>WebVTT rendering, set align start and the cue contains two lines with different writing directions</title>
|
||||
<link rel="match" href="start_alignment-ref.html">
|
||||
<style>
|
||||
html { overflow:hidden }
|
||||
body { margin:0 }
|
||||
::cue {
|
||||
font-family: sans-serif;
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<video width="320" height="180" autoplay onplaying="this.onplaying = null; this.pause(); takeScreenshot();">
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
<track src="../support/start_alignment.vtt" default>
|
||||
</video>
|
||||
</html>
|
|
@ -14,7 +14,7 @@ video {
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<video autoplay controls onplaying="this.onplaying = null;
|
||||
<video autoplay onplaying="this.onplaying = null;
|
||||
this.pause();
|
||||
this.currentTime = 0;
|
||||
">
|
||||
|
|
|
@ -17,7 +17,7 @@ video {
|
|||
}
|
||||
.cue {
|
||||
position: absolute;
|
||||
bottom: 50px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center
|
||||
|
@ -28,7 +28,7 @@ video {
|
|||
color: green;
|
||||
}
|
||||
</style>
|
||||
<video controls>
|
||||
<video>
|
||||
<source src="/media/white.webm" type="video/webm">
|
||||
<source src="/media/white.mp4" type="video/mp4">
|
||||
</video>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
WEBVTT
|
||||
|
||||
00:00:00.000 --> 00:00:05.000 line:50%
|
||||
00:00:00.000 --> 00:00:05.000 line:100%
|
||||
This is a test subtitle
|
||||
|
||||
00:00:01.000 --> 00:00:05.000 line:50%
|
||||
00:00:01.000 --> 00:00:05.000 line:100%
|
||||
This is another test subtitle
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
WEBVTT
|
||||
|
||||
00:00:00.000 --> 00:00:05.000 line:50%
|
||||
00:00:00.000 --> 00:00:05.000 line:100%
|
||||
This is a test subtitle
|
||||
|
||||
00:00:01.000 --> 00:00:05.000 line:49%
|
||||
00:00:01.000 --> 00:00:05.000 line:99%
|
||||
This is another test subtitle
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
WEBVTT FILE
|
||||
|
||||
00:00:00.000 --> 00:00:10.000 align:start line:0
|
||||
Hello!
|
||||
שלום!
|
Loading…
Add table
Add a link
Reference in a new issue