1

インライン 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つの問題があります:

  1. カラーボックスに表示されるビデオは黒く、コントロールはありません(非常に重要)
  2. テキストをクリックしてカラーボックスをトリガーしても機能しませんが、画像をクリックすると機能します(重要度は低くなります) 。

発生している可能性のあるその他の問題を制御するために、HTML5 ビデオのみを含む JSFiddle も作成しました。これは iPad で正常に動作します: http://jsfiddle.net/lightstrike/XHEWe/

どんなアイデアでも大歓迎です。

4

1 に答える 1

0
  1. タッチデバイスでColorboxを無効にすることを検討しましたか?
  2. MobileSafariは<p>要素のクリックイベントを好まないようです。のようなものに変更し<a href="#">ます。jQueryセレクターについてもより具体的にする必要があるかもしれません$("#openColorbox > a")。しかし、そうすると、何らかの理由でColorboxがビデオを表示しません...Colorboxのインラインで運が良かったことは一度もありません。
于 2012-12-27T23:19:13.880 に答える