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

Posted 2023-05-07

【中文标题】跨浏览器视频自动播放循环

【英文标题】：Cross browser video autoplay loop

【发布时间】：2019-07-29 20:19:36

【问题描述】：

我有一个 mp4 视频的副本，我想在我的网站上展示它，我想知道如何使用 javascript 自动播放和循环播放该视频。 我想让它与所有浏览器兼容。 我想用js加载页面时加载视频

谢谢。

【问题讨论】：

Play infinitely looping video on-load in html5的可能重复

【参考方案1】：

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

【参考方案2】：

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

你是说这个吗？

【讨论】：

这会在所有浏览器中播放吗？

是的，你可以检查一下，但我确定。但你知道在某些国家，人们仍在使用 IE5，而这不适用于 IE5。