CODEWITHSUNDEEP
javascripthtmlvideo
rpabon
rpabon

Reputation: 1201

Creating two HTML5 video elements with the same source not working

I am trying to do a simple thing but so far I have not had any success and I cannot get why it does not work.

I need two (or several, for that matter) HTML5 video elements to play the same video, but it does not work. Here is the code I have been trying: http://jsfiddle.net/4K8DZ/

Any ideas on why is that?

Thanks

Upvotes: 4

Views: 3969

Answers (3)

restlessdesign
restlessdesign

Reputation: 1489

Just ran into this problem myself. I worked around it by adding a query param to the source file of the second video element’s source:

video1.setAttribute("src", "whatever.mp4");
video2.setAttribute("src", "whatever.mp4?random=1");

http://jsfiddle.net/br2bn/

Upvotes: 4

peko
peko

Reputation: 31

Actually, I can play only one video with iPad + Safari and Chrome on Windows7. With Safari, if I start one video, then another stops. With Chrome, I got almost the same result.

Upvotes: -1

Kevkong
Kevkong

Reputation: 460

Though I am still not able to just comment, I have to submit this as an answer.

This bug continuous for files > 10mb as long as one of them is buffering, the other one wont work. If you press pause, the other one will work.

I updated the example to demonstarate the bug: http://jsfiddle.net/4K8DZ/23/

Upvotes: 0

Related Questions