Videojs Chromecast Plugin

Video.JS Chromecast Plugin v2.0

VideoJS Chromecast Plugin by Nuevodevel works fine with browsers that supports Chromecast (desktop Chrome, Opera, Chrome on Android). The plugin automatically detects Chromecast support and displays Chromecast Button in top right corner of the player. If you have Chromecast device connected to your TV you can test demo video above.

See examples of player, nuevo plugin and chromecast plugin setup code.

// Load necessary script:
<script src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
<script src="//domain.com/videojs/video.min.js"></script>
<script src="//domain.com/videojs/nuevo.min.js">
<script src="//domain.com/videojs/plugins/videojs-chromecast.min.js"></script>

// Setup your video
 <video id="player_one" class="video-js vjs-default-skin" controls preload="auto" playsinline width="640" height="360" poster="//www.domain.com/path/to/poster.jpg">
   <source src="//www.domain.com/path/to/video.mp4" type="video/mp4" />
   <source src="//www.domain.com/path/to/video.webm" type="video/webm" />
</video>

// Initialize player and plugins
<script>
   var options = {option1:'option', option2:'option2'}; // Nuevo plugin options
   var player = videojs('player_one'); 
   player.nuevo (options};
   player.chromecast();
</script>

It is important to load Chromecast plugin after Nuevo plugin or you will have to setup tech order through videojs options, just like below.

var player = videojs('player_one',{techOrder:['chromecast','html5']}); 

The latest version of Chromecast plugin allows to setup title and subtitle to appear on casting device through plugin's options.

player.chromecast({ metatitle: 'video title', metasubtitle: 'video subtitle' });

Yeat another plugin option to set is Chromecast button position. By default it's showing in top left corner of the player. You can also show it as one of buttons in controlbar, right before fullscreen button.

player.chromecast({ button:'controlbar' });

Chromecast streams fine most of videos in MP4/H-264 or WEBM format. Support for HLS streaming is limited even if Google claims to support it - https://developers.google.com/cast/docs/media.
This depends on Chromecast device capabalities. We can only suggest to experiment with bitrate value, avoid too high bitrate, too high resolution and too big HLS fragments (chunks). In example above you can find 3 HLS streams. Two short and one 12 minutes video. All multibitrate up to fullHD resolution, all casting fine though Chromecast. We have also tested live streams from several different broadcast services, including RT News, RAI Movies, CBSN, RedBull TV. All of them were casting fine.