Youtube の 埋め込み動画 がプルダウンなどの上に表示されてしまう方法

ボディ内でYoutubeの埋め込み動画（iframe）を使用するときの対策です。

グロナビなどプルダウンで表示する場所の近いところにYoutubeを配置する場合は、プルダウンメニューがYoutubeの後ろに入ってしまうので以下のコードを入れれば解決できると思います。
※多分、positionを使っているものが対象になる可能性があります。

以下、手順。

■通常Youtubeで埋め込みコードを取得すると以下のコード

■関連動画を表示させたくなければ、「動画が終わったら関連動画を表示する」のチェックを外すと以下のコードとなる

そして、プルダウンメニューなどの上に表示してしまわないようにするに

&wmode=transparentを?rel=0の後ろに入れる

と記載すれば大丈夫かと思います。

——————————————————-

埋め込みコードがどこにあるか分からない場合

https://www.youtube.com/embed/p2D5yeU4Xso

１．動画の下にある「チャンネル登録」の下の「共有」をクリック
２．「埋め込みコード」をクリック
３．出てきたコードが通常のコード
４．コードの下にある「もっと見る」をクリックするとプレビュー動画と動画サイズ、各チェックボックスが表示されます。必要に応じてチェックを外すなりする

以上
——————————————————-

※Youtubeも随時アップデートしているので、上記内容から変更されている可能性はあります。