隐藏在 iOS 中时让 m4v 自动播放

Get m4v to autoplay while hidden in iOS 

<video muted controls="true" loop id="v" width="100%" height="100%" src="pattern.m4v">

当我直接点击 iOS (localhost/patter.m4v) 时，视频会播放，但当我点击 index.html 时，它绝对不会播放。事实上，即使视频可见，我什至无法通过直接点击来播放视频。

解决问题的简单程度和解决方案的简单程度，这花了太长时间。

在我阅读的所有文章中，html5 video in webkit 上的这篇文章帮助最大。如果我的解决方案对您不起作用，我强烈建议您参考 link，因为那里可能有解决您问题的方法。

问题

  1. 无论出于何种原因，我的 <canvas> 元素都在我的 <video> 元素之上，即使在视觉上看不到。如果这是你的问题，可以使用 position: absolute and/or z-index:999
    2. 等技巧
  2. 我的视频需要 playinline，否则它只能全屏播放。请注意 autoplay 和 videoElement.play() 仅适用于 playinline.

悬崖笔记：

  • Apple 在 iOS 10
    • 中放宽了对 html 视频的规定
  • autoplay 在 iOS10 (a)
    • 中有效
  • playsinline在 iOS10 (a)
    • 中有效

代码

<video playsinline muted controls loop autoplay id="v" width="400" height="400" src="pattern.m4v">

a：只要遵守上面link（第二段）所列的规则