Skip to content

Instantly share code, notes, and snippets.

@mcmoe
Created June 29, 2016 12:40
Show Gist options
  • Save mcmoe/a7abdd6a7d68f6f0bb2fe9d2d9d5b384 to your computer and use it in GitHub Desktop.
Save mcmoe/a7abdd6a7d68f6f0bb2fe9d2d9d5b384 to your computer and use it in GitHub Desktop.
HTML5 video player template with playback rate and css based on videojs
<link href="https://vjs.zencdn.net/5.10.4/video-js.css" rel="stylesheet">
<div>
<video id="my-video" class="video-js" controls preload="auto" width="300" height="480" data-setup='{"playbackRates": [1, 1.5, 2] }'>
<source src="<!------- ADD VIDEO LINK HERE ------>" type='video/mp4'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</div>
<script src="https://vjs.zencdn.net/5.10.4/video.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment