How can I get more than one HTML5 video on one page? When I tried to place 4 3-sec videos with autoplay and looping, only the first one plays.
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video1.m4v" type= "video/mp4"/>
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video2.m4v" type= "video/mp4"/>
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video3.m4v" type= "video/mp4"/>
<video height="300" weight="300" controls preload="none" autoplay loop>
<source src="video4.m4v" type= "video/mp4"/>
Thank you
Hi
Unfortunately you cannot, as most browsers use an "exclusive OR" code for playing videos, which means that only one will play at a time. The reason for this is that if they did not do so you could have multiple soundtracks playing at the same time.
There are 3rd party players that will do this though, (sorry cannot recommend any specific player, but try a search).
PZ
North America
Europe, Middle East and Africa
Asia Pacific