跨浏览器视频自动播放循环

Question

我有一个mp4视频的副本，我想在我的网站上显示它，我想知道用javascript如何永远自动播放和循环播放该视频。 我想使其与所有浏览器兼容。 我想用js

在页面加载时加载视频

谢谢。

Answer 1

<video autoplay loop>
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
</video>

你是这个意思吗？

Answer 2

您需要使视频静音（在muted标签上添加<video>属性），因为有声视频不能在所有浏览器中自动播放。然后还添加属性autoplay和playsinline。另外，您可以使用videoEnd事件并调用play()以确保其循环。