视频自动播放和循环到处(响应)

时间:2014-07-24 12:13:58

标签: javascript mobile video responsive-design html5-video

我想让一个视频在循环中自动播放作为背景每个地方(视频没有声音)。

它是这样的,但是当我到达智能手机时,视频根本没有开始

<video id="video" autoplay loop>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
Your browser does not support the video tag.
</video>

是否有像这样的JS或jQuery

var video = document.getElementById('video');
video.addEventListener('onLoad',function(){
  video.play();
},false);

我只想让视频无论在哪里加载(这是一个小视频所以带宽不是问题)

1 个答案:

答案 0 :(得分:0)

您可以尝试使用此代码javascript

<script>
function playvideo()
{
document.getElementById("video").play();
}

myVid=document.getElementById("video");
myVid.oncanplay=playvideo();
</script> 

希望这有帮助!