Youtube の 埋め込み動画 がプルダウンなどの上に表示されてしまう方法
ボディ内でYoutubeの埋め込み動画(iframe)を使用するときの対策です。
グロナビなどプルダウンで表示する場所の近いところにYoutubeを配置する場合は、プルダウンメニューがYoutubeの後ろに入ってしまうので以下のコードを入れれば解決できると思います。
※多分、positionを使っているものが対象になる可能性があります。
以下、手順。
■通常Youtubeで埋め込みコードを取得すると以下のコード
■関連動画を表示させたくなければ、「動画が終わったら関連動画を表示する」のチェックを外すと以下のコードとなる
そして、プルダウンメニューなどの上に表示してしまわないようにするに
&wmode=transparentを?rel=0の後ろに入れる
と記載すれば大丈夫かと思います。
——————————————————-
埋め込みコードがどこにあるか分からない場合
https://www.youtube.com/embed/p2D5yeU4Xso
1.動画の下にある「チャンネル登録」の下の「共有」をクリック
2.「埋め込みコード」をクリック
3.出てきたコードが通常のコード
4.コードの下にある「もっと見る」をクリックするとプレビュー動画と動画サイズ、各チェックボックスが表示されます。必要に応じてチェックを外すなりする
以上
——————————————————-
※Youtubeも随時アップデートしているので、上記内容から変更されている可能性はあります。
関連記事
-
Windows10 PC起動時によく使うアプリを自動起動する設定!スタートアップフォルダに登録
自宅でWindows7を使用している筆者だけど、会社でついにWindows10を使用すること
-
保有効果 | Web Marketing用語
人は手に入れたモノに対し、入手する前よりも価値を感じる傾向にあります。これを「保有効果」とい
-
text-indent:-9999px;でテキスト飛ばしをしなくてもテキストを非表示、背景画像を表示する方法
必要に応じてテキストを非表示にしたいときはたまにだけど「text-indent:-9999p
-
松竹梅の法則 | Web Marketing用語
人は複数の選択肢を与えられた時、一番無難な答えを選ぶ傾向があります。これを「松竹梅の法則」と
-
これからd-iZeさんの一夜限りのクラシックLIVE始まる☆#dizepop#d-iZe#LIVE
instagramから投稿したよ♪
-
サイトチェックツールのWebsite Explorer(ウェブエクスプローラー)が復活していた!
サイトチェックツールとして数年前までずっと使い続けてきていた「Website Explorer(
-
これで安心♪Session Buddy でクラッシュしても表示タブのサイトを復元【Chrome拡張機能】
パソコンやGoogle Chromeが突然クラッシュしてしまう経験が最近多くて困っていて、C
-
確証バイアス | Web Marketing用語
対象を自分の先入観に基づいて判断し、新たに入ってくる情報も、無意識のうちに自分の先入観を正し
-
超簡単!Instagramの写真をRSSでWebサイトやブログに埋め込んで自動更新する方法
Instagramの投稿写真を自分のWebサイトやブログで掲載する方法があります。 一
-
使い方によってはかなり便利、使わな損する便利管理ツール「ルフトツールズ(lufttools)」
使い方によってはかなり便利、使わな損する便利ツール「ルフトツールズ(lufttools)」