HTML5 IOS 11 上的视频标签

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" 的不同变体。它们没有效果。

我已经尝试 google 这个问题，但除了播客 ios 11 删除 html5 视频支持，似乎没有任何解决办法，肯定有解决办法吗？

任何 insight/help 将不胜感激。

干杯

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 似乎也有类似的问题，也许在那里测试更容易。看起来我们失去了多源功能 :(

Answer 2

我遇到了视频无法在 Safari 上播放的类似问题。问题是我的网络服务器。我将视频移动到另一个托管服务器，从那里加载它并且它有效。

例如

而不是：

<video src='/myVideo.mp4' controls> </video>

做这样的事情：

<video src='https://anotherServer.com/myVideo.mp4' controls> </video>

HTML5 IOS 11 上的视频标签

HTML5 video tag on IOS 11

html

video

html5-video

ios11