| author | ymh <ymh.work@gmail.com> |
| Sat, 22 Sep 2018 15:14:16 +0200 | |
| changeset 1471 | c99372e45a90 |
| parent 1368 | 0ae5202742bd |
| child 1511 | 25731d245eda |
| permissions | -rw-r--r-- |
|
1368
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
1 |
<!DOCTYPE html> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
2 |
<html lang="en"> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
3 |
<head> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
4 |
<meta charset="utf-8" /> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
5 |
<title>Video.js Text Descriptions, Chapters & Captions Example</title> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
6 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
7 |
<link href="../../video-js.css" rel="stylesheet" type="text/css"> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
8 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
9 |
<script src="../../video.js"></script> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
10 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
11 |
<!-- Set the location of the flash SWF --> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
12 |
<script> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
13 |
videojs.setGlobalOptions({ |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
14 |
flash: { |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
15 |
swf: '../../video-js.swf' |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
16 |
} |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
17 |
}); |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
18 |
</script> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
19 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
20 |
</head> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
21 |
<body> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
22 |
<p style="background-color:#eee; border: 1px solid #777; padding: 10px; font-size: .8em; line-height: 1.5em; font-family: Verdana, sans-serif;">This page demonstrates a text descriptions track (intended primarily for blind and visually impaired consumers of visual media)</p> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
23 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
24 |
<!-- NOTE: we have to disable native Text Track support for the HTML5 tech, |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
25 |
since even HTML5 video players with native Text Track support |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
26 |
don't currently support 'description' text tracks in any |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
27 |
useful way! --> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
28 |
<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360" |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
29 |
data-setup='{ "html5" : { "nativeTextTracks" : false } }'> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
30 |
<source src="https://archive.org/download/ElephantsDream/ed_hd.mp4" type="video/mp4"> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
31 |
<source src="https://archive.org/download/ElephantsDream/ed_hd.ogv" type="video/ogv"> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
32 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
33 |
<track kind="captions" src="captions.en.vtt" srclang="en" label="English" default></track><!-- Tracks need an ending tag thanks to IE9 --> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
34 |
<track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish"></track> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
35 |
<track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian"></track> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
36 |
<track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese"></track> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
37 |
<track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic"></track> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
38 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
39 |
<track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English"></track> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
40 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
41 |
<track kind="chapters" src="chapters.en.vtt" srclang="en" label="English"></track> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
42 |
|
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
43 |
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
44 |
</video> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
45 |
</body> |
|
0ae5202742bd
change flash to dash
Yves-Marie Haussonne <1218002+ymph@users.noreply.github.com>
parents:
diff
changeset
|
46 |
</html> |