HTML5视频无法在IOS设备上播放，但在其他任何地方都能正常运行

Question

我正在尝试创建一个自动播放全宽和全高视频的首页。它在我的机器上工作正常（Linux [名称] 4.15.0-33-generic＃36-Ubuntu SMP Wed Aug 15 16:00:05 UTC 2018 x86_64 x86_64 x86_64 GNU / Linux）在FireFox和Chrome中。在我的iPhone和Mac上测试时，视频将替换为空白屏幕。

我在网上看到IOS放弃了对视频自动播放的支持。有办法解决这个问题吗？

WebM是否支持IOS？

<video autoplay loop muted playsinline>
  <source src="static/video/video.webm" type="video/webm"/>
  Your browser does not support the video tag.
</video>

Answer 1

我通过向视频标记添加以下来源来解决我的问题：

<video autoplay loop muted playsinline>
    <source src="devstories.webm" 
          type='video/webm;codecs="vp8, vorbis"' />
    <source src="devstories.mp4" 
          type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' />
  Your browser does not support the video tag.
</video>