いくつかのカスタム コントロールを使用して、クロムレスの埋め込み YouTube プレーヤーをセットアップしています。コントロールは iframe と一緒に div に絶対的に配置され、ユーザーがビデオの上にマウスを置くまで非表示になります。
psuedo-code:
<div id="video">
<youtube iframe, embedded via JavaScript>
<div id="controls></div>
</div>
これはうまく機能し、Webkit と Gecko の下で完全に機能します。ビデオにマウスを合わせると、それを含む要素にマウスを合わせたものとしてカウントされます。IE 9 では、これは当てはまりません。コントロールは、iframe ではなく、明示的にビデオ div の上にマウスを置いた場合にのみ表示されます。
私に何ができる？CSS ソリューションが最適ですが、本当に必要な場合は Javascript を使用します。