OLD | NEW |
1 WEBVTT FILE | 1 WEBVTT FILE |
2 | 2 |
3 1 | 3 1 |
4 00:00:00.000 --> 00:00:00.500 | 4 00:00:00.000 --> 00:00:00.500 line:100% position:50% |
5 This is a demo track to illustrate positioning features of cues. | 5 This is a demo track to illustrate positioning features of cues. |
6 | 6 |
7 2 | 7 2 |
8 00:00:00.500 --> 00:00:01.000 line:50% position:50% | 8 00:00:00.500 --> 00:00:01.000 line:50% position:50% |
9 Using HTML5 captions, you can position the cues anywhere. | 9 Using HTML5 captions, you can position the cues anywhere. |
10 | 10 |
11 3 | 11 3 |
12 00:00:01.000 --> 00:00:01.500 line:0% position:0% | 12 00:00:01.000 --> 00:00:01.500 line:0% position:0% align:start |
13 For example, here is a cue on the top left-corner. | 13 For example, here is a cue on the top left-corner. |
14 | 14 |
15 4 | 15 4 |
16 00:00:01.500 --> 00:00:02.000 line:0% position:100% | 16 00:00:01.500 --> 00:00:02.000 line:0% position:100% align:end |
17 Or on the top-right corner. | 17 Or on the top-right corner. |
18 | 18 |
19 5 | 19 5 |
20 00:00:02.000 --> 00:00:02.500 line:100% position:100% | 20 00:00:02.000 --> 00:00:02.500 line:100% position:100% align:right |
21 Bottom-right corner. | 21 Bottom-right corner. |
22 | 22 |
23 6 | 23 6 |
24 00:00:02.500 --> 00:00:03.000 line:100% position:0% | 24 00:00:02.500 --> 00:00:03.000 line:100% position:0% align:left |
25 And, as you might expect, the bottom-left one. | 25 And, as you might expect, the bottom-left one. |
26 | 26 |
27 7 | 27 7 |
28 00:00:03.000 --> 00:00:03.500 line:50% position:50% | 28 00:00:03.000 --> 00:00:03.500 line:50% position:50% |
29 Cues are implicitly displayed within the viewport area. | 29 Cues are implicitly displayed within the viewport area. |
30 | 30 |
31 8 | 31 8 |
32 00:00:03.500 --> 00:00:04.000 line:100% position:50% | 32 00:00:03.500 --> 00:00:04.000 line:100% position:50% align:middle |
33 And always on top of the controls, if these are visible. | 33 And always on top of the controls, if these are visible. |
34 | 34 |
35 9 | 35 9 |
36 00:00:04.000 --> 00:00:05.000 line:50% position:50% | 36 00:00:04.000 --> 00:00:05.000 line:50% position:50% |
37 You may even have multiple cues in the same time. | 37 You may even have multiple cues in the same time. |
38 | 38 |
39 10 | 39 10 |
40 00:00:04.000 --> 00:00:05.000 line:0% position:0% | 40 00:00:04.000 --> 00:00:05.000 line:0% position:0% align:start |
41 Top-left cue. | 41 Top-left cue. |
42 | 42 |
43 11 | 43 11 |
44 00:00:04.000 --> 00:00:05.000 line:0% position:100% | 44 00:00:04.000 --> 00:00:05.000 line:0% position:100% align:end |
45 Top-right cue. | 45 Top-right cue. |
46 | 46 |
47 12 | 47 12 |
48 00:00:04.000 --> 00:00:05.000 line:100% position:50% | 48 00:00:04.000 --> 00:00:05.000 line:100% position:50% |
49 Bottom cue. | 49 Bottom cue. |
50 | 50 |
51 13 | 51 13 |
52 00:00:04.000 --> 00:00:05.000 line:25% position:100% | 52 00:00:04.000 --> 00:00:05.000 line:25% position:100% align:end |
53 Random cue 1. | 53 Random cue 1. |
54 | 54 |
55 14 | 55 14 |
56 00:00:04.000 --> 00:00:05.000 line:33% position:44% | 56 00:00:04.000 --> 00:00:05.000 line:33% position:44% align:start |
57 Random cue 2. | 57 Random cue 2. |
58 | 58 |
59 15 | 59 15 |
60 00:00:04.000 --> 00:00:05.000 line:55% position:23% | 60 00:00:04.000 --> 00:00:05.000 line:55% position:23% align:start |
61 Random cue 3. | 61 Random cue 3. |
OLD | NEW |