删除 iPad 的 HTML5 视频“控件”答案

【问题标题】：Removing HTML5 video 'Controls' for iPad删除 iPad 的 HTML5 视频“控件”
【发布时间】：2013-01-04 19:58:01
【问题描述】：

我发现在 HTML5 视频属性中不包含“控件”时。

iPad 不会播放视频。

如何删除 HTML5 视频控件；同时仍然允许视频正常运行；在 iPad iOS 上。

注意：//我能以某种方式使用脚本删除“控件”吗？同时在 HTML5 视频标记中保持完整；这可能是一个可行的解决方案吗？

【问题讨论】：

【解决方案1】：

用户需要控件才能与视频进行交互，否则他们如何播放、暂停等？

您可以使用 JavaScript 删除控件，但效果相同，即用户无法控制视频。

因此，您需要保留控件，或者隐藏它们并使用媒体 API 构建您自己的集合（请参阅 Working with HTML5 multimedia components – Part 3: Custom controls ）。例如，您可以通过这种方式限制控件。

如果您只想让用户在“点击”视频时播放视频，您可以尝试以下操作：

var video = document.getElementById('myVideoId');
video.addEventListener('click', function() { video.play(); }, false);

【讨论】：

【解决方案2】：

根据设计，您不能自动播放视频，但在播放开始后删除控件很简单，这可能就是您想要的：

<video id="video" src="video.mp4" poster="image.jpg" preload="auto" onplaying="this.controls=false"/></video>

（不确定 iPad 是否支持 preload="auto" 属性，但无论如何包含它都没有坏处）。

【讨论】：

【解决方案3】：

在我的情况下，当事件来自视频本身时它不想工作，所以最后我不得不拉伸一个不可见的 div 完美覆盖视频的表面

它也与必须发生的点击事件有某种关系，我围绕它创建了一个相当深的 JS 逻辑，它可以与其他所有设备完美配合，但在 IPAD 上，“第一次播放”只有在单独的项目被点击（我们在这里谈论的是内置控件关闭时的场景）奇怪但没有其他对我有用，希望这会有所帮助

【讨论】：