videojs-dailymotion

dailymotion playback technology for Video.js

Usage no npm install needed!

<script type="module">
  import videojsDailymotion from 'https://cdn.skypack.dev/videojs-dailymotion';
</script>

README

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="video-js.css" rel="stylesheet">
<script src="video.js"></script>
<script src="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

dtControls: 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

JSFIDDLE Demo

http://jsfiddle.net/gh/get/library/pure/benjipott/video.js-dailymotion/tree/master/example