Saturday, August 5, 2017

Chromecast not playing multiple HTML5 videos

Leave a Comment

I have 2 video players on single page. On desktop, everything works fine, both video players are playing videos. But when I try to cast this page to Chromecast (via Google Chrome extension or via https://demille.github.io/url-cast-receiver/), only first video player is active and playing, second video player is not working.

I tried to debug it and it looks like second video ends at video readyState=1 (first video has readyState=4)

Is there way to fix this? (I need multiple video players on single page, so using only one player and switching video files URLs is not a solution)

URL: http://iuvomedia.eu/chromecast/

2 Answers

Answers 1

If you want one video to play and other to be pre-loaded then you should make a queue of videos you want to play. Chromecast will play single video at a time and when it ends it'll automatically load the next one in the queue.

For information on autoplay and queuing you may visit https://developers.google.com/cast/docs/autoplay

Answers 2

You cannot have more than one active media element.

I mean, you can have two media elements where one plays a video that doesn't have any audio and the second one plays only audio.

You cannot have two active video or two active audio pipelines at the same time.

check here: Create multiple instances of html video object

If You Enjoyed This, Take 5 Seconds To Share It

0 comments:

Post a Comment