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


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

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

这花了太长时间来解决它的问题有多简单以及解决方案有多简单。

在我读过的所有文章中,这篇关于webkit中html5视频的文章帮助最大。如果我的解决方案不适合您,我强烈建议您查阅该链接,因为您的问题的解决方案可能在那里。

问题

  1. 无论出于何种原因,我的<canvas>元素都超过了我的<video>元素,即使不是视觉上的。如果这是您的问题,那么有一些技巧,例如position: absolute和/或z-index:999
  2. 我的视频需要playinline,否则它只能全屏播放。请注意,autoplayvideoElement.play()仅适用于playinline

悬崖笔记:

  • 苹果放宽了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:只要遵守上述链接(第二段)中列出的规则

相关内容

  • 没有找到相关文章

最新更新