IOS 11 上的 HTML5 视频标签

Question

我的网站中有视频元素的工作代码，可在 ios 9/10 和所有普通浏览器 (chrome/ff/ie) 等上完全运行。

我注意到，自 ios 11 更新以来，视频不再播放，甚至根本无法播放。它们显示为带有控件的空白框，但按播放没有任何作用，全屏打开视频也没有任何作用。

这是我比较简单的代码

         <video playsinline onclick="play()" controls autoplay 
         controlsList="nodownload">
           <source src="assets/images/video_im.mp4" type="video/mp4">
         </video>  

我尝试过使用 playsinline="true"和 controls="true"的不同变体。它们没有任何作用。

我已经尝试用谷歌搜索这个问题，但除了关于 ios 11 删除 html5 视频支持的播客之外似乎没有任何其他内容，肯定有修复方法吗？

任何见解/帮助将不胜感激。

干杯

Answer 1

看起来像下面的代码:

<video>
    <source src="path/to/video.mp4">
</video>

停止在 ios11 上工作(还有许多其他功能......)。我在这里确认 source 标签在 ios9 上确实有效)。尝试将 src="path/to/video.mp4" 直接放入 video 标签中，它应该适用于 ios11。

取自 webkit.org post on New video Policies for iOS 的工作示例:

<div id="either-gif-or-video">
  <video src="image.mp4" autoplay loop muted playsinline></video>
  <img src="image.gif">
</div>

MacOS 上的Safari 好像也有类似的问题，也许在那里测试比较容易。看起来我们失去了多源功能，不过:(