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的內聯運氣很多。