<video muted controls="true" loop id="v" width="100%" height="100%" src="pattern.m4v">
当我直接在iOS上点击它时,视频会播放(localhost/patter.m4v),但当我点击索引时它绝对不会播放.html。事实上,即使可见,我什至无法通过直接点击视频来播放视频。
这花了太长时间来解决它的问题有多简单以及解决方案有多简单。
在我读过的所有文章中,这篇关于webkit中html5视频的文章帮助最大。如果我的解决方案不适合您,我强烈建议您查阅该链接,因为您的问题的解决方案可能在那里。
问题
- 无论出于何种原因,我的
<canvas>
元素都超过了我的<video>
元素,即使不是视觉上的。如果这是您的问题,那么有一些技巧,例如position: absolute
和/或z-index:999
- 我的视频需要
playinline
,否则它只能全屏播放。请注意,autoplay
和videoElement.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:只要遵守上述链接(第二段)中列出的规则