后台视频无法在手机和台式机的Safari浏览器中播放

Question

我已将视频转换为.mp4，.webm，.gov等3种格式，但仍然无法在Safari浏览器中播放背景视频

<video autoplay="" muted="" loop="" id="myVideo">
    <source src="videos/2.0-Welcome-to-DISTRO_1 (1).ogv" type="video/ogv">
     <source src="videos/2.0-Welcome-to-DISTRO_1 (1).webm" type="video/webm">
    <source src="videos/2.0-Welcome-to-DISTRO_1 (1).mp4" type="video/mp4">
    </video>

页面网址是http://gnxtsystems.com/cookie-test/

请帮助我修复它。提前致谢。

Answer 1

尝试这两件事。

在视频标签中添加playsinline属性，例如

<video class="video-background" autoplay loop muted playsinline>

其次，对于苹果设备，您必须关闭低功耗模式。

然后检查...它将起作用

Answer 2

这可能是因为哑剧类型。仅尝试 mp4 文件。由于某种原因，除非我设置controls=“true”标志，否则视频无法在 iPad 上播放。示例：这对我的 iPhone 有效，但对 iPad 无效。

<video loop autoplay width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>

现在，这适用于 iPad 和 iPhone：

<video loop autoplay controls="true" width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>