Skip to content

vrayulu/videojs-vimeo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Now fully support VideoJS 4.3.0!

Video.js - Vimeo Source Support

Allows you to use Vimeo URL as source with Video.js.

How does it work?

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:

  1. using loop

  2. 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>

Additional Informations

We cannot hide the Vimeo controls bar, they do not allow it.

Warning

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

About

Support Vimeo source for Video.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published