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

MURAKAWA

Youtube

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

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

以下、手順。

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

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

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

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

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

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

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

YouTube

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

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

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

コメント

タイトルとURLをコピーしました