video.js/docs/examples/elephantsdream/index.html

<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8" />
  <title>Video.js Text Descriptions, Chapters &amp; Captions Example</title>

  <link href="http://vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">
  <script src="http://vjs.zencdn.net/7.0/video.min.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="http://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="captions.en.vtt" srclang="en" label="English" default>
    <track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish">
    <track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian">
    <track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese">
    <track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic">

    <track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English">

    <track kind="chapters" src="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>
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00			`<!DOCTYPE html>`
@OwenEdwards added language attribute in HTML files for accessibility. closes #3257 2016-04-28 15:29:40 -07:00			`<html lang="en">`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00			`<head>`
chore: Fix examples and docs and some links (#4279) * Fix the doc/example/elephantsdream/index.html file, add an index of doc/examples, and update CDN links to use video.js v5.19. * Add poster from CDN to Elephants Dream examples. 2017-05-11 14:16:12 -07:00
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00			`<meta charset="utf-8" />`
			`<title>Video.js Text Descriptions, Chapters & Captions Example</title>`

docs(examples): remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) docs(examples): Remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) Video.js v7 drops support for versions of IE prior to IE11, so examples should not reference earlier versions. 2018-05-23 12:32:27 -07:00			`<link href="http://vjs.zencdn.net/7.0/video-js.min.css" rel="stylesheet">`
			`<script src="http://vjs.zencdn.net/7.0/video.min.js"></script>`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00
			`</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`
chore: Fix examples and docs and some links (#4279) * Fix the doc/example/elephantsdream/index.html file, add an index of doc/examples, and update CDN links to use video.js v5.19. * Add poster from CDN to Elephants Dream examples. 2017-05-11 14:16:12 -07:00			`useful way! Currently this means that iOS will not display`
			`ANY text tracks -->`
feat: Add breakpoints option to support toggling classes based on player width. (#5471) This adds a breakpoints option. By default, this option is false meaning this is an opt-in feature. When passing true, it will use a default set of breakpoints. Or custom breakpoints can be passed if users do not like our breakpoints (or previously-existing style decisions). - Add breakpoints option. - Adds some new (currently unused) classes: vjs-layout-medium, vjs-layout-large, vjs-layout-x-large, and vjs-layout-huge. - Add updateCurrentBreakpoint and currentBreakpoint methods to the player. - Update css/components/_adaptive.scss - Add sandbox/responsive.html.example Closes videojs/video.js#4371 2018-10-10 15:30:20 -04:00			`<video id="example_video_1" class="video-js" controls preload="none" width="640" height="360"`
chore: Fix examples and docs and some links (#4279) * Fix the doc/example/elephantsdream/index.html file, add an index of doc/examples, and update CDN links to use video.js v5.19. * Add poster from CDN to Elephants Dream examples. 2017-05-11 14:16:12 -07:00			`data-setup='{ "html5" : { "nativeTextTracks" : false } }'`
			`poster="http://d2zihajmogu5jn.cloudfront.net/elephantsdream/poster.png">`

chore(docs): Use Elephants Dream video files from CDN for docs/examples/elephantsdream/ (#4181) 2017-03-13 07:54:15 -07:00			`<source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.mp4" type="video/mp4">`
			`<source src="//d2zihajmogu5jn.cloudfront.net/elephantsdream/ed_hd.ogg" type="video/ogg">`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00
docs(examples): remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) docs(examples): Remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) Video.js v7 drops support for versions of IE prior to IE11, so examples should not reference earlier versions. 2018-05-23 12:32:27 -07:00			`<track kind="captions" src="captions.en.vtt" srclang="en" label="English" default>`
			`<track kind="captions" src="captions.sv.vtt" srclang="sv" label="Swedish">`
			`<track kind="captions" src="captions.ru.vtt" srclang="ru" label="Russian">`
			`<track kind="captions" src="captions.ja.vtt" srclang="ja" label="Japanese">`
			`<track kind="captions" src="captions.ar.vtt" srclang="ar" label="Arabic">`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00
docs(examples): remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) docs(examples): Remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) Video.js v7 drops support for versions of IE prior to IE11, so examples should not reference earlier versions. 2018-05-23 12:32:27 -07:00			`<track kind="descriptions" src="descriptions.en.vtt" srclang="en" label="English">`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00
docs(examples): remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) docs(examples): Remove IE9 text track HTML markup in the doc/examples, and update to use video.js v7.0 (#5192) Video.js v7 drops support for versions of IE prior to IE11, so examples should not reference earlier versions. 2018-05-23 12:32:27 -07:00			`<track kind="chapters" src="chapters.en.vtt" srclang="en" label="English">`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00
docs: use https links (#5749) 2019-01-18 18:07:24 +01:00			`<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>`
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00			`</video>`
chore: Fix examples and docs and some links (#4279) * Fix the doc/example/elephantsdream/index.html file, add an index of doc/examples, and update CDN links to use video.js v5.19. * Add poster from CDN to Elephants Dream examples. 2017-05-11 14:16:12 -07:00
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00			`</body>`
chore: Fix examples and docs and some links (#4279) * Fix the doc/example/elephantsdream/index.html file, add an index of doc/examples, and update CDN links to use video.js v5.19. * Add poster from CDN to Elephants Dream examples. 2017-05-11 14:16:12 -07:00
@OwenEdwards added basic descriptions track support. closes #3098 2016-03-25 14:16:56 -04:00			`</html>`