jquery - 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 的内联感到幸运。