iPad上的Colorbox HTML5视频显示

Question

我试图通过内联的Colorbox显示HTML5视频标签，但一直无法使其在iPad上正常工作。我使用的jQuery是：

$(document).ready(function(){ 
    $("#openColorbox").colorbox({ 
    inline:true, 
    width:"80%", 
    height:"auto", 
    href:"#video" 
    }); 
}); 

这是问题的一个例子的jsfiddle： http://jsfiddle.net/lightstrike/pKUJK/

有我一直有在iPad上的两个问题：

1. 的在Colorbox中显示的视频是黑色的并且没有控件（非常重要）
2. 单击文本以触发Colorbox不起作用，但单击在图像上做（不那么重要）

至于其他问题，控制可能被回事，我还创建了一个的jsfiddle，仅仅有HTML5视频，这在iPad上正常工作： http://jsfiddle.net/lightstrike/XHEWe/

任何想法将不胜感激。

Answer 1

1. 您是否考虑在触摸设备上禁用Colorbox？
2. 它看起来像移动Safari不喜欢<p>元素上的点击事件。将其更改为<a href="#">之类的内容。您可能需要更具体地了解jQuery选择器，$("#openColorbox > a")。但是如果你这样做了，出于某种原因，Colorbox不显示视频......我从来没有与Colorbox的内联运气很多。