Youtube の 埋め込み動画 がプルダウンなどの上に表示されてしまう方法
ボディ内でYoutubeの埋め込み動画(iframe)を使用するときの対策です。
グロナビなどプルダウンで表示する場所の近いところにYoutubeを配置する場合は、プルダウンメニューがYoutubeの後ろに入ってしまうので以下のコードを入れれば解決できると思います。
※多分、positionを使っているものが対象になる可能性があります。
以下、手順。
■通常Youtubeで埋め込みコードを取得すると以下のコード
■関連動画を表示させたくなければ、「動画が終わったら関連動画を表示する」のチェックを外すと以下のコードとなる
そして、プルダウンメニューなどの上に表示してしまわないようにするに
&wmode=transparentを?rel=0の後ろに入れる
と記載すれば大丈夫かと思います。
——————————————————-
埋め込みコードがどこにあるか分からない場合
https://www.youtube.com/embed/p2D5yeU4Xso
1.動画の下にある「チャンネル登録」の下の「共有」をクリック
2.「埋め込みコード」をクリック
3.出てきたコードが通常のコード
4.コードの下にある「もっと見る」をクリックするとプレビュー動画と動画サイズ、各チェックボックスが表示されます。必要に応じてチェックを外すなりする
以上
——————————————————-
※Youtubeも随時アップデートしているので、上記内容から変更されている可能性はあります。
関連記事
-
AKB48がCMやっている東京のドメインが誕生!.tokyoを取得するしかないね!
AKB48がCMをやっているお名前ドットコムの「.tokyo」ドメインを早く取ろう! 東京のド
-
現状維持の法則 | Web Marketing用語
「選択肢が広がりすぎた場合、普段と変わらない選択をしてしまう法則を「現状維持の法則」といいま
-
思わずマネしたくなる縦長Webサイト16選
スノーパウダーの雪見亭 名前のとおりのかき氷ではない新感覚スイーツ雪見亭のお店をイメージし
-
Excelでリンクのついていない大量のURLにリンクをつける方法 ‐HYPERLINK関数‐
パソコンを使う仕事やパソコンでお金の管理をしている人ならほとんどの人がExcelを使ったことがあると
-
バーナム効果 | Web Marketing用語
よく占いで利用される手法ですが、誰にでも当てはまるような曖昧な内容の表現でも、「あなたは◯◯
-
中身が違うaタグをDreamweaverで一括でリンク設定を削除する方法
aタグの中が違うんだけど、一括でリンク設定を削除したい時があります。 いくらDream
-
text-indent:-9999px;でテキスト飛ばしをしなくてもテキストを非表示、背景画像を表示する方法
必要に応じてテキストを非表示にしたいときはたまにだけど「text-indent:-9999p
-
【My study】Excelで文字数をカウントする方法(LEN関数)
仕事で文字数をExcelでカウントする必要があり勉強になったので覚書として。 ネットで検索する
-
バンドワゴン効果 | Web Marketing用語
「これが流行っている」と聞くと、人はその流行している物事を好意的に捉える傾向にあります。これ
-
Windows10 PC起動時によく使うアプリを自動起動する設定!スタートアップフォルダに登録
自宅でWindows7を使用している筆者だけど、会社でついにWindows10を使用すること