third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/navigate_cue_position-ref-1.html - Issue 2695813009: Import wpt@503f5b5f78ec4e87d144f78609f363f0ed0ea8db

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/external/wpt/webvtt/rendering/cues-with-video/processing-model/navigate_cue_position-ref-1.html

Issue 2695813009: Import wpt@503f5b5f78ec4e87d144f78609f363f0ed0ea8db (Closed)

Patch Set: Skip some tests Created 3 years, 10 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <title>Reference for WebVTT rendering, cue position after navigation</title>	2 <title>Reference for WebVTT rendering, cue position after navigation</title>

3 <style>	3 <style>

4 .video {	4 .video {

5 display: inline-block;	5 display: inline-block;

6 outline: solid;	6 outline: solid;

7 width: 320px;	7 width: 320px;

8 height: 240px;	8 height: 240px;

9 position: relative	9 position: relative;

	10 font-size: 50px;

10 }	11 }

11 video {	12 video {

12 position: absolute;	13 position: absolute;

13 width:320px;	14 width:320px;

14 height:240px;	15 height:240px;

15 }	16 }

16 .cue {	17 .cue {

17 position: absolute;	18 position: absolute;

18 bottom: 50px;	19 bottom: 50px;

19 left: 0;	20 left: 0;

20 right: 0;	21 right: 0;

21 text-align: center	22 text-align: center

22 }	23 }

23 .cue > span {	24 .cue > span {

24 font-family: Ahem, sans-serif;	25 font-family: Ahem, sans-serif;

25 background: rgba(0,0,0,0.8);	26 background: rgba(0,0,0,0.8);

26 color: green;	27 color: green;

27 font-size: 50px;

28 }	28 }

29 </style>	29 </style>

30 <video controls>	30 <video controls>

31 <source src="/media/white.webm" type="video/webm">	31 <source src="/media/white.webm" type="video/webm">

32 <source src="/media/white.mp4" type="video/mp4">	32 <source src="/media/white.mp4" type="video/mp4">

33 </video>	33 </video>

34 <div class="video"><span class="cue"><span>Foo</span></span></div>	34 <div class="video"><span class="cue"><span>Foo</span></span></div>

OLD	NEW