YouTube iFrame の上に Div をオーバーレイするにはどうすればよいですか?

YouTube iFrame 上に不透明な Div をオーバーレイする

Web 開発の領域では、ビデオの埋め込みには、特に からの移行に特有の課題が伴います。 Flash を HTML5 に変換します。 YouTube iFrame が埋め込まれたビデオに半透明の div をオーバーレイしようとすると、一般的な問題が 1 つ発生します。

この課題は、iFrame が埋め込まれた YouTube 動画のデフォルトの「ウィンドウ」wmode に起因し、より高い z-

これに対処するには、解決策は「wmode=opaque」を追加することです。 YouTube 埋め込み URL のパラメータ。このパラメータを URL の最初に置くことで、iFrame がより低い Z-index を維持し、オーバーレイする div が優先されるようになります。

更新された iFrame コードは次のとおりです:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe>

この変更により、オーバーレイする div を希望の半透明の不透明度でレンダリングできるようになり、希望の減光効果や効果を提供できるようになりました。追加の情報や機能をオーバーレイしながら、YouTube ビデオを隠します。

以上がYouTube iFrame の上に Div をオーバーレイするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。