benjipott / video.js-dailymotion

Allows you to use DailyMotion URL as source with Video.js.
30 stars 20 forks source link

Table of Contents generated with DocToc

Video.js - Dailymotion Source Support

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

How does it work?

Including the script vjs.dailymotion.js will add the Dailymotion as a tech. You just have to add it to your techOrder option. Then, you add the option src with your Dailymotion URL.

It supports:

You must use the last version of VideoJS available in the folder lib, the current version on CDN will not work until it is updated

Here is an example:

<link href="https://github.com/benjipott/video.js-dailymotion/blob/master/video-js.css" rel="stylesheet">
<script src="https://github.com/benjipott/video.js-dailymotion/raw/master/video.js"></script>
<script src="https://github.com/benjipott/video.js-dailymotion/raw/master/vjs.dailymotion.js"></script>
<video id="vid1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" data-setup='{ "techOrder": ["dailymotion"], "src": "http://www.dailymotion.com/video/xxxasl_fail-compilation-february-2013-tnl_fun" }'></video>

Additional Informations

dmControls: Display the Dailymotion controls instead of Video.js.

Special Thank You

Thanks to Benoit Tremblay for the original code https://github.com/eXon/videojs-youtube