该网站有一个简单的HTML视频,如下所示:
<video id="myVideo" controls preload="metadata" playsinline webkit-playsinline="true" poster="vid/vid_pic.jpg" width="640" height="360" style="background-color: black;" >
<source src="vid/vid.mp4" type="video/mp4" />
</video>
单击播放按钮时,所有浏览器和设备都可以正常播放视频。然而iOS手机拒绝启动视频,用户只是一直点击播放按钮但没有任何反应..他们必须刷新页面然后按预期工作。 我曾经有一个视频包装,但剥离了它因为我认为它可能是罪魁祸首。
视频为720x1080,长2分钟,优化为36 MB。
显然这不是理想的用例..任何方式让视频在Apple设备/ Safari上顺利启动?