forked from hartman/videojs-ogvjs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
26 lines (26 loc) · 1.37 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>videojs-ogvjs Demo</title>
<link href="https://vjs.zencdn.net/5.11.7/video-js.min.css" rel="stylesheet">
</head>
<body>
<video id="videojs-ogvjs-player" class="video-js vjs-default-skin" poster="https://upload.wikimedia.org/wikipedia/commons/thumb/9/94/Folgers.ogv/352px--Folgers.ogv.jpg" controls preload="none" width="352" height="264" crossorigin>
<source src="https://upload.wikimedia.org/wikipedia/commons/9/94/Folgers.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>
The above video is an Instant Folgers commercial and free from copyright restrictions, as it is in the <a href="https://archive.org/details/FolgersCoffe">Public Domain</a>. Video hosted by <a href="https://upload.wikimedia.org/wikipedia/commons/transcoded/a/ae/Folgers_commercial.ogg/Folgers_commercial.ogg.360p.ogv">Wikimedia Commons</a>.
<script src="https://vjs.zencdn.net/5.11.7/video.min.js"></script>
<script src="./node_modules/ogv/dist/ogv-support.js"></script>
<script src="./node_modules/ogv/dist/ogv.js"></script>
<script src="./dist/videojs-ogvjs.js"></script>
<script>
(function(window, videojs) {
var player = videojs('videojs-ogvjs-player', {
techOrder: [ 'ogvjs' ],
ogvjs: { base: './node_modules/ogv/dist' }
} );
}(window, window.videojs));
</script>
</body>
</html>