视频自动播放和循环无处不在(响应)

Video autoplay and loop everywhere (responsive)

本文关键字：响应 无处不在 循环 自动播放 视频      更新时间：2023-09-26

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

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

<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);

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

你可以试试下面的代码javascript

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

希望这有帮助!

解决方案是将视频的备份海报作为gif放到移动设备上，它可以工作

相关文章：