Display a chromecast Button on Control Bar video.js players.
https://developers.google.com/cast/ (doc) https://developers.google.com/cast/whitelisting (whitelisting)
This plugin was tested on video.js 4.1.0 4.2.0 and 4.2.1.
Download videojs and videojs.ga
Allow your cast by clicking four times in the bottom left corner of the icon cast
In your web page:
<html data-cast-api-enabled="true">
<script src="video.js"></script>
<script src="dist/videojs.chromeCast.min.js"></script>
<link rel="stylesheet" href="dist/videojs.chromeCast.css" type="text/css" />
<video id="video" src="movie.mp4" controls></video>
<script>
videojs('video', {
'plugins': {
'chromecast': {
enabled : true,
appId : 'your-chromecast-app-id',
namespace : 'your-chromecast-namespace',
title : 'video title',
description : 'video desc'
}
}
}
);
</script>enabled : true,
appId : 'your-chromecast-app-id',
namespace : 'your-namesapace',
title:'',
description:''