最近,我注意到我网站上的视频元素不再可以在iOS Safari或台式机Safari上自动播放。
当前代码如下:
<video playsinline autoplay muted loop poster="/path/to/poster.jpg>">
<source src="/path/to/video.mp4" type="video/mp4">
</video>
据我了解,这足以遵守Webkit针对iOS和MacOS制定的新视频政策,以允许视频自动播放。
我搜索了类似的问题,但没有找到解决方案。在this question中,source
标签本身似乎是问题所在。
此thread建议iOS也禁止在低功耗模式下自动播放视频。但是我确定这不是造成我的问题的原因。
有人亲自遇到过这个问题吗?你有解决方案吗?有人可以指出一些重大更改引入的Safari更改日志的方向吗?
详细信息 iOS 11.4 MacOS Safari版本11.1(13605.1.33.1.2)
编辑
视频未正确加载,当我在Safari开发工具中检查“网络”面板时,MP4出现在“其他”下,并显示错误“尝试加载资源时发生错误”。
如果我尝试直接在Safari中播放视频(例如:转到https://my-website.com/path/to/video.mp4),则会收到错误消息Failed to load resource: Plug-in handled load
我认为这是因为我的视频是文件Blob,而Safari希望视频来自流服务器(如本question中所述)
编辑2