UNPKG

videojs-dock/index.html

Version:

1<!doctype html>
2<html>
<head>
  <!--[if IE 8]><script src="http://vjs.zencdn.net/ie8/1.1.0/videojs-ie8.min.js"></script><!--<![endif]-->
  <link rel='stylesheet' href='node_modules/video.js/dist/video-js.css'>
  <script src='node_modules/video.js/dist/video.js'></script>
7
  <!-- include the plugin -->
  <script src='dist/videojs-dock.js'></script>
  <link rel='stylesheet' href='dist/videojs-dock.css'>
11
  <style>
    .video-js {
      /*width: 622.22px;*/
      width: 840px;
      height: 350px;
    }
18
    .video-js .vjs-poster {
      /*background-color: white;*/
      /*background-image: inherit !important;*/
    }
  </style>
</head>
25
<body>
27
  <video class="video-js vjs-big-play-centered" controls width='600' height='250'
    poster='poster.jpg'
  >
    <source src='http://vjs.zencdn.net/v/oceans.mp4' type='video/mp4' >
  </video>
33
  <ul>
    <li><a href="/test/debug.html">Run unit tests in browser.</a></li>
  </ul>
37
  <script>
  var video = document.querySelector('video');
40
  var player = videojs(video, {
  }, function() {
    player.dock({
      title: 'Bacon ipsum dolor amet ribeye',
      description: 'Doner shank pork loin sirloin, meatloaf shankle chicken bresaola cow shoulder cupim.'
    });
47
    player.shelf.addChild('playToggle');
  });
50
51
  </script>
</body>
54</html>

1	`<!doctype html>`
2	`<html>`
3	`<head>`
4	`<!--[if IE 8]><script src="http://vjs.zencdn.net/ie8/1.1.0/videojs-ie8.min.js"></script><!--<![endif]-->`
5	`<link rel='stylesheet' href='node_modules/video.js/dist/video-js.css'>`
6	`<script src='node_modules/video.js/dist/video.js'></script>`
7
8	`<!-- include the plugin -->`
9	`<script src='dist/videojs-dock.js'></script>`
10	`<link rel='stylesheet' href='dist/videojs-dock.css'>`
11
12	`<style>`
13	`.video-js {`
14	`/width: 622.22px;/`
15	`width: 840px;`
16	`height: 350px;`
17	`}`
18
19	`.video-js .vjs-poster {`
20	`/background-color: white;/`
21	`/background-image: inherit !important;/`
22	`}`
23	`</style>`
24	`</head>`
25
26	`<body>`
27
28	`<video class="video-js vjs-big-play-centered" controls width='600' height='250'`
29	`poster='poster.jpg'`
30	`>`
31	`<source src='http://vjs.zencdn.net/v/oceans.mp4' type='video/mp4' >`
32	`</video>`
33
34	`<ul>`
35	`<li><a href="/test/debug.html">Run unit tests in browser.</a></li>`
36	`</ul>`
37
38	`<script>`
39	`var video = document.querySelector('video');`
40
41	`var player = videojs(video, {`
42	`}, function() {`
43	`player.dock({`
44	`title: 'Bacon ipsum dolor amet ribeye',`
45	`description: 'Doner shank pork loin sirloin, meatloaf shankle chicken bresaola cow shoulder cupim.'`
46	`});`
47
48	`player.shelf.addChild('playToggle');`
49	`});`
50
51
52	`</script>`
53	`</body>`
54	`</html>`