video 标签作为背景无法自动播放

<video src="/video.mp4" autoplay loop controls></video>

解决代码:

<video autoplay muted playsinline loop> <source src="/video.mp4" type="video/mp4" />
</video>

自动播放音频(或有声视频)可能会破坏用户体验,所以应该尽可能避免。如果你一定要提供自动播放功能,你应该加入开关(让用户主动打开自动播放)。然而,如果需要创建一些媒体元素,其播放源由用户在稍后设置,自动播放就会很有用。想了解如何正确使用自动播放,可参见我们的自动播放指南。

如果使用autoplay=”false”来关闭视频的自动播放功能,会不起作用;只要<video>标签中有autoplay属性,视频就会自动播放。要移除自动播放,需要完全删除该属性。在某些浏览器(例如Chrome70.0)中,如果没有设置muted属性,autoplay将不会生效。

滚动至顶部
扫描微信二维码联系我们 关闭