yaffs.net Git - yaffs-website/blob - node_modules/video.js/dist/examples/elephantsdream/index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <meta charset="utf-8" />
   5   <title>Video.js Text Descriptions, Chapters &amp; Captions Example</title>
   6
   7   <link href="../../video-js.css" rel="stylesheet" type="text/css">
   8
   9   <script src="../../video.js"></script>
  10
  11   <!-- Set the location of the flash SWF -->
  12   <script>
  13     videojs.setGlobalOptions({
  14       flash: {
  15         swf: '../../video-js.swf'
  16       }
  17     });
  18   </script>
  19
  20 </head>
  21 <body>
  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>
  23
  24   <!-- NOTE: we have to disable native Text Track support for the HTML5 tech,
  25              since even HTML5 video players with native Text Track support
  26              don't currently support 'description' text tracks in any
  27              useful way! -->
  28   <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
  29       data-setup='{ "html5" : { "nativeTextTracks" : false } }'>
  30     <source src="https://archive.org/download/ElephantsDream/ed_hd.mp4" type="video/mp4">
  31     <source src="https://archive.org/download/ElephantsDream/ed_hd.ogv" type="video/ogv">
  32
  33     <track kind="captions" src="captions.en.vtt" srclang="en" label="English" default></track><!-- Tracks need an ending tag thanks to IE9 -->
  34     <track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish"></track>
  35     <track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian"></track>
  36     <track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese"></track>
  37     <track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic"></track>
  38
  39     <track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English"></track>
  40
  41     <track kind="chapters" src="chapters.en.vtt" srclang="en" label="English"></track>
  42
  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>
  44   </video>
  45 </body>
  46 </html>