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不起作用，但点击图片会（不太重要）

作为对可能发生的任何其他问题的控制，我还创建了一个只有HTML5视频的JSFiddle，它可以在iPad上正常工作： http://jsfiddle.net/lightstrike/XHEWe/

非常感谢任何想法。

Answer 1

1. 您是否考虑过在触控设备上禁用Colorbox？
2. 看起来Mobile Safari不喜欢<p>元素上的点击事件。将其更改为<a href="#">。您可能需要更具体地使用jQuery选择器$("#openColorbox > a")。但是如果你这样做，由于某些原因Colorbox不会显示视频......我从来没有对Colorbox的内联运气好。