インライン Colorbox を介して HTML5 ビデオ タグを表示しようとしていますが、iPad で動作させることができませんでした。私が使用しているjQueryは次のとおりです。
$(document).ready(function(){
$("#openColorbox").colorbox({
inline:true,
width:"80%",
height:"auto",
href:"#video"
});
});
問題の JSFiddle の例を次に示します: http://jsfiddle.net/lightstrike/pKUJK/
iPadで私が抱えていた2つの問題があります:
- カラーボックスに表示されるビデオは黒く、コントロールはありません(非常に重要)
- テキストをクリックしてカラーボックスをトリガーしても機能しませんが、画像をクリックすると機能します(重要度は低くなります) 。
発生している可能性のあるその他の問題を制御するために、HTML5 ビデオのみを含む JSFiddle も作成しました。これは iPad で正常に動作します: http://jsfiddle.net/lightstrike/XHEWe/
どんなアイデアでも大歓迎です。