VideoJS

by WILLIAM CORREA

HTML

<script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
<link rel="stylesheet" href="https://vjs.zencdn.net/5.19.2/video-js.css">
<script src="https://vjs.zencdn.net/5.19.2/video.js"></script>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
  <source src="//vjs.zencdn.net/v/oceans.mp4" 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>

JavaScript

var player = videojs('my-video');

player.on('volumechange', function() {
	console.log(player.remainingTime(), player.muted())
});

player.on('ended', function() {
	console.log(player.remainingTime(), player.muted())
});