我有一个奇怪的问题。我正在尝试创建一个循环播放背景视频的网站。代码如下:
<video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video>
该代码在大多数浏览器上运行良好(IE对此object-fit有些困难,但我不介意),但在iPhone上视频无法自动播放,而在iPad上可以。我已经阅读了iOS的新政策并且认为我符合要求(否则iPad无法自动播放)。 我进行了一些其他测试:
- 删除覆盖的div无法解决问题
- 删除z-index无法解决问题
- WiFi或蜂窝网络没有区别
- 视频文件大小也没有关系
我是做错了什么还是iPhone根本无法自动播放视频并始终需要交互?我只关心iOS 10,我知道iOS 9的要求是不同的。