親divをクリックできるようにするには、youtubeビデオにpointer-events: noneが必要です。ビデオを操作できないことは、必須の動作です。jsfiddle をチェックしてください:
http://jsfiddle.net/annam/ZrCkR/1/
.test iframe, .test object, .test embed {
pointer-events: none;
}
iframe オプションを使用した最初のテストは、Firefox では完全に機能しますが、Chrome ではイベントが呼び出されません。iframe のほとんどのアイテムはポインターイベントを尊重しているようです。埋め込みオブジェクト自体は別として、クリックしてもビデオの再生が開始されず、マウスイベントを吸収します。実際のシナリオでは、親 div もドラッグ可能にし、Chrome では最初のクリックでビデオがドラッグを開始し、停止する方法はありません。
古い埋め込みコードを使用した 2 番目のテスト ケースは、Chrome では問題なく動作し、イベントをトリガーしますが、Firefox では、pointer-events:none が存在しないようで、ビデオは完全にインタラクティブです。
vimeoの動画でも同じことが起きているようで、埋め込み用の一般的なブラウザの動作と思われます
これらの問題を克服する方法、またはこれらの矛盾が存在する理由はありますか?