我发现在 HTML5 视频属性中不包含“控件”时。
iPad 不会播放视频。
如何删除 HTML5 视频控件;同时仍然允许视频正常运行;在 iPad iOS 上。
注意://我可以用脚本以某种方式删除“控件”吗?同时在 HTML5 视频标记中保持完整;这可能是一个可行的解决方案吗?
用户需要控件才能与视频进行交互,否则他们如何播放、暂停等?
您可以使用 JavaScript 删除控件,但效果相同,即用户无法控制视频。
因此,您需要保留控件,或者隐藏它们并使用媒体 API 构建您自己的集合(请参阅使用 HTML5 多媒体组件 - 第 3 部分:自定义控件)。例如,您可以通过这种方式限制控件。
如果您只想让用户在“点击”视频时播放视频,您可以尝试以下操作:
var video = document.getElementById('myVideoId');
video.addEventListener('click', function() { video.play(); }, false);
按照设计,您不能自动播放视频,但在播放开始后删除控件很简单,这可能就是您想要的:
<video id="video" src="video.mp4" poster="image.jpg" preload="auto" onplaying="this.controls=false"/></video>
(不确定 iPad 是否会尊重该preload="auto"
属性,但在任何情况下都包含它并没有什么坏处)。
在我的情况下,当事件来自视频本身时它不想工作,所以最后我不得不拉伸一个不可见的 div 完美地覆盖视频的表面
它也与必须发生的点击事件有某种关系,我围绕它创建了一个相当深的 JS 逻辑,它可以与其他所有设备完美配合,但在 IPAD 上,“第一次播放”只有在单击单独的项目时才有效(我们'在这里谈论内置控件关闭时的场景)很奇怪,但没有其他任何东西对我有用,希望这会有所帮助