Sha256: 3d2a7f6b5fdbb23eb7c588e7aeabb5243ce2e431088e5049ed0bfaabcdf579c7
Contents?: true
Size: 1.16 KB
Versions: 15
Compression:
Stored size: 1.16 KB
Contents
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="../node_modules/video.js/dist/video-js.min.css" />
</head>
<body>
<video
id="vid1"
class="video-js vjs-default-skin"
controls
width="640" height="264"
data-setup='{ "techOrder": ["dailymotion", "html5"] }'
poster="//vjs.zencdn.net/v/oceans.png"
>
<source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
</video>
<button class="oceans">Oceans</button>
<button class="dailymotion">Dailymotion</button>
<script src="../node_modules/video.js/dist/video.js"></script>
<script src="../dist/Dailymotion.js"></script>
<script>
var oceans = document.querySelector('.oceans');
var dailymotion = document.querySelector('.dailymotion');
oceans.addEventListener('click', function() {
var player = videojs.players.vid1;
player.src({src: '//vjs.zencdn.net/v/oceans.mp4', type: 'video/mp4'});
});
dailymotion.addEventListener('click', function() {
var player = videojs.players.vid1;
player.poster('');
player.src({src: 'https://www.dailymotion.com/video/x7t3la2', type: 'video/dailymotion'});
});
</script>
</body>
</html>
Version data entries
15 entries across 15 versions & 1 rubygems