为iPad删除HTML5视频“控件”

Question

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

iPad不会播放视频。

如何删除HTML5视频控件;同时仍然允许视频正常工作;在iPad上。

注意：//我可以用脚本删除'Controls';同时保持它在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

在我的情况

它不想当事件工作来自视频本身，所以最终我不得不拉伸一个无形的div完美地覆盖视频的表面

它也与某种必须发生的点击事件相关，我创建了一个相当深的JS逻辑，完全适用于其他设备，但在IPAD上，“第一次播放”仅在单独项目被点击时才有效（我们在此讨论的是情景模式io当内置的控制关闭）奇怪，但没有别的工作对我来说，希望这可以帮助

Answer 3

按设计你不能自动播放视频，但它很简单，足以移除播放开始后的控制，这可能是所有你想：

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

（不知道的iPad将信守preload="auto"属性，但它不会伤害到包括在任何情况下）。