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