diff options
Diffstat (limited to 'javascript/videojs/sandbox/descriptions.html.example')
| -rw-r--r-- | javascript/videojs/sandbox/descriptions.html.example | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/javascript/videojs/sandbox/descriptions.html.example b/javascript/videojs/sandbox/descriptions.html.example new file mode 100644 index 0000000..27286ff --- /dev/null +++ b/javascript/videojs/sandbox/descriptions.html.example @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8" /> + <title>Video.js Text Descriptions, Chapters & Captions Example</title> + + <!-- Load the source files --> + <link href="../dist/video-js.css" rel="stylesheet" type="text/css"> + <script src="../dist/video.js"></script> + +</head> +<body> + + <!-- NOTE: we have to disable native Text Track support for the HTML5 tech, + since even HTML5 video players with native Text Track support + don't currently support 'description' text tracks in any + useful way! Currently this means that iOS will not display + ANY text tracks --> + <video id="example_video_1" class="video-js" controls preload="none" width="640" height="360" + data-setup='{ "html5" : { "nativeTextTracks" : false } }' + poster="//d2zihajmogu5jn.cloudfront.net/elephantsdream/poster.png"> + + <source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.mp4" type="video/mp4"> + <source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.ogg" type="video/ogg"> + + <track kind="captions" src="../docs/examples/elephantsdream/captions.en.vtt" srclang="en" label="English" default> + <track kind="captions" src="../docs/examples/elephantsdream/captions.sv.vtt" srclang="sv" label="Swedish"> + <track kind="captions" src="../docs/examples/elephantsdream/captions.ru.vtt" srclang="ru" label="Russian"> + <track kind="captions" src="../docs/examples/elephantsdream/captions.ja.vtt" srclang="ja" label="Japanese"> + <track kind="captions" src="../docs/examples/elephantsdream/captions.ar.vtt" srclang="ar" label="Arabic"> + + <track kind="descriptions" src="../docs/examples/elephantsdream/descriptions.en.vtt" srclang="en" label="English"> + + <track kind="chapters" src="../docs/examples/elephantsdream/chapters.en.vtt" srclang="en" label="English"> + + <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> + </video> + +</body> +</html> |