Chromecast - Change video source

Change video

Change video source without disconnecting Chromecast

Nuevo plugin and Chromecast plugin for Video.js by Nuevodevel allows to change video source programatically without need to reconnect Chromecast.

Single quality MP4 video

Code snippet

<script>
   var media = {src:"//comain.com/path-to-video.mp4", poster: '//domain.com/video-poser.jpg', type:"video/mp4", poster: '//domain.com/video-poser.jpg', title:"New video title", subtitle:"New video subtitle"};
   player.changeSource(media);
</script>

Multiple qualities MP4 video

Code snippet

<script>
   var media={
      sources: [
         {src:"//domain.com/path-to-video-720p.mp4", type:"video/mp4", res:"720", label:"720p"}, 
         {src:"//domain.com/path-to-video-480p.mp4", type:"video/mp4", res:"480", label:"480p", default:true}, 
         {src:"//domain.com/path-to-video-360p.mp4", type:"video/mp4", res:"360", label:"360p"},
         {src:"//domain.com/path-to-video-240p.mp4", type:"video/mp4", res:"240", label:"240p"}
     ],
     poster: '//domain.com/video-poser.jpg',
     title: 'new video title',
     subtitle: 'new video subtitle'
  }
  player.changeSource(media);
</script>

HLS video

Code snippet

<script>
   var media = {src:"//comain.com/path-to-playlist.m3u8", poster: '//domain.com/video-poser.jpg', type:"application/x-mpegURL", poster: '//domain.com/video-poser.jpg', title:"New video title", subtitle:"New video subtitle"};
   player.changeSource(media);
</script>

New video attributes like title, subtitle and poster are not required, but makes player design more attractive and chromecast view more professional.