Allows you to use Vimeo URL as source with Video.js.
Including the script vjs.vimeo.js will add the Vimeo as a tech. You just have to add it to your techOrder option.
Here is 2 examples:
-
using loop
-
using JavaScript events
<script src="video.js"></script> <script src="vjs.vimeo.js"></script> <script> videojs('vid2', { "techOrder": ["vimeo"], "src": "https://vimeo.com/63186969" }).ready(function() { // You can use the video.js events even though we use the vimeo controls // As you can see here, we change the background to red when the video is paused and set it back when unpaused this.on('pause', function() { document.body.style.backgroundColor = 'red'; }); this.on('play', function() { document.body.style.backgroundColor = ''; }); // You can also change the video when you want // Here we cue a second video once the first is done this.one('ended', function() { this.src('http://vimeo.com/79380715'); this.play(); }); }); </script>
We cannot hide the Vimeo controls bar, they do not allow it.
It will not run properly without a Web server.
##Special Thank You Thanks to John Hurliman for the original code on the old Video.js