h5 tag video, if you want to play more than one video on your phone at the same time, the last video will be paused. Is this a browser restriction? Is there any solution
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style>
button{height:50px;width:200px;}
video{height:300px;margin:50px;display: block;}
</style>
<body>
<video src="http://www.product.cnsino.net/Public/images/movie1.mp4" controls ></video>
<video src="http://www.product.cnsino.net/Public/images/movie2.mp4" controls ></video>
<video src="http://www.product.cnsino.net/Public/images/movie3.mp4" controls ></video>
<button id="play" type="button"></button>
</body>
<script>
var aVideo=document.getElementsByTagName("video");
var play_btn=document.getElementById("play");
play_btn.onclick=function () {
for(var n=0;n<aVideo.length;nPP){
aVideo[n].play();
}
}
</script>
</html>