YouTube iFrame に不透明な Div をオーバーレイするにはどうすればよいですか?

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

iFrame を使用して YouTube ビデオを埋め込むと、透明な Div をオーバーレイしようとするときに問題が発生します。 wmode="transparent" を含む以前のメソッドは iFrame には適用できなくなりましたが、不透明な div を追加できる解決策があります。

重要なのは、"wmode=opaque" GET パラメータをYouTube の URL。このパラメータは、iFrame に不透明モードを使用するように指示し、その結果、z-index が他の要素よりも低くなります。

これを提供されたコードに適用するには、次のように iFrame タグ内の URL を更新するだけです。

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

「wmode=opaque」が URL の最初のパラメータであり、その後に他のパラメータが続く必要があることに注意してください。この変更を行うと、「overlay」という ID を持つ div が、適切な不透明度で YouTube ビデオを正常にオーバーレイするようになります。

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