Skip to content

Instantly share code, notes, and snippets.

@nadavkav

nadavkav/videojs-mpeg-dash-player

Created January 5, 2017 13:07
Show Gist options
  • Save nadavkav/16d61c4bd8736e0e0db130612080ee9d to your computer and use it in GitHub Desktop.
Save nadavkav/16d61c4bd8736e0e0db130612080ee9d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
videojs-mpeg-dash-player
<!doctype html>
<html>
<head>
<!--link href="//vjs.zencdn.net/5.8/video-js.min.css" rel="stylesheet"-->
<link href="//vjs.zencdn.net/5.9/video-js.css" rel="stylesheet">
</head>
<body>
<video id=example-video width=600 height=300 class="video-js vjs-default-skin" controls></video>
<!--script src="//vjs.zencdn.net/5.8/video.min.js"></script-->
<script src="//vjs.zencdn.net/5.9/video.js"></script>
<!-- Dash.js -->
<script src="//cdn.dashjs.org/latest/dash.all.debug.js"></script>
<!-- videojs-contrib-dash script -->
<!--script src="src/js/videojs-dash.min.js"></script-->
<!--script src="videojs-mpegdash/src/js/videojs-dash.js"></script-->
<script src="https://npmcdn.com/videojs-contrib-dash@^2.4.0/dist/videojs-dash.js"></script>
<script>
var player = videojs('example-video');
player.ready(function() {
player.src({
src: 'https://your-institute-domain/dash/music.mp4/manifest.mpd',
type: 'application/dash+xml'
});
player.play();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment