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. 单击文本以触发颜色框不起作用，但单击图像可以（不太重要）

作为对可能发生的任何其他问题的控制，我还创建了一个仅包含 HTML5 视频的 JSFiddle，它在 iPad 上运行良好： http://jsfiddle.net/lightstrike/XHEWe/

任何想法将不胜感激。

Answer 1

1. 您是否考虑过在触控设备上禁用 Colorbox？
2. Mobile Safari 似乎不喜欢 <p> 元素上的点击事件。将其更改为<a href="#"> 之类的内容。您可能还需要更具体地使用 jQuery 选择器，$("#openColorbox > a")。但是，如果您这样做，由于某种原因，Colorbox 不会显示视频...我对 Colorbox 的内联一直不太满意。