没有控件的iPad html5video？

这一整天都在扼杀我，但我不知道如何在没有原生控件的情况下让html5video播放器工作。

我想要没有任何控件，但是如果我不包含它们，那么video似乎不想播放，即使我在下面添加一些javascript试图强制它播放，它适用于iPhone和多个浏览器，但不是iPad这是奇怪的，任何想法？

如果它有帮助，这里有一些标记！

 $('#video').click(function(){ document.getElementById('video').play(); }); 

Answer 1

iOS不支持video标记的autoplay属性。 看来你也不能使用jQuery绑定video元素中的click事件（参见小提琴 ）。

解决方法是在video元素上放置一个不可见的div，并将播放video的点击绑定到该video元素（参见小提琴 ）：

HTML：

CSS：

 #video { border: 1px solid black; } #video-overlay { position: absolute; width: 400px; height: 300px; z-index: 999; } 

jQuery的：

 $('#video-overlay').click(function(){ document.getElementById('video').play(); }); 

Answer 2

按照设计你不能自动播放video，但它很简单，足以在播放开始后删除控件，我猜是你真正想要的效果：

Answer 3

我用过这个

controls=“true” – 使其在ipad上运行

autoplay – 使其自动播放除了移动设备

onplaying="this.controls=false" – 播放时删除控件

它在笔记本电脑上自动播放，并在iPad上运行！
谢谢你

Answer 4

我能做的最好的事情就是在用户触摸屏幕后立即播放video，甚至向下滚动页面。

 function playVideoNow(e) { document.getElementById('video').play(); document.removeEventListener('touchstart', playVideoNow); } document.addEventListener('touchstart', playVideoNow, false); 

Answer 5

截至目前，iOS 6支持某些设备上的autoplay元素。

查看http://www.longtailvideo.com/html5/autoloop/以供参考。