我有一个奇怪的问题。我尝试创建一个带有循环背景视频的网站。代码看起来像这样:
<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>
这在大多数浏览器上工作得很好(IE 在这个对象适合的问题上很挣扎,但我不介意)但在 iPhone 上视频不会自动播放但在 iPad 上它会。我已经阅读了 New Policies for iOS我认为我符合要求(否则 iPad 不会自动播放)。我做了一些其他测试:
- 移除覆盖的 div 无法解决问题
- 删除 z-index 无法解决问题
- Wifi 或蜂窝网络没有区别
- 视频文件大小也没有影响
是我做错了还是 iPhone 根本不会自动播放视频并且总是需要互动?我只关心 iOS 10,我知道 iOS 9 上的要求不同
最佳答案
playsinline
属性有帮助吗?
这是我所拥有的:
<video autoplay loop muted playsinline class="video-background ">
<source src="videos/intro-video3.mp4" type="video/mp4">
</video>
请在此处查看关于 playsinline
的评论:https://webkit.org/blog/6784/new-video-policies-for-ios/
关于ios - iPhone 上的 HTML5 视频自动播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43570460/