删除iPad的HTML5视频“控件”

Question

我发现HTML5视频属性中没有包含“控件”。

iPad不会播放视频。

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

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

Answer 1

用户需要控制才能与视频互动，否则他们如何播放，暂停等等？

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

因此，您需要将控件保留在其中，或隐藏它们并使用Media API构建您自己的集合（请参阅Working with HTML5 multimedia components – Part 3: Custom controls ）。这样你可以限制控件，例如。

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

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

Answer 2

按照设计，您无法自动播放视频，但在播放开始后删除控件非常简单，这可能是您想要的全部内容：

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

（不确定iPad是否会尊重preload="auto"属性，但在任何情况下都不包括它。）

Answer 3

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

它也与必须发生的点击事件有某种关系，我在它周围创建了一个非常深的JS逻辑，与其他所有设备完美配合，但在IPAD上，“第一次播放”只有在单独的项目已经完成时才有效点击（我们在这里谈论关于内置控件关闭的场景）很奇怪，但没有其他工作对我来说，希望这有帮助