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

Question

我正在尝试创建一个首页，以全宽和全高自动播放视频。它在我的机器上运行良好(Linux [name] 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>