Youtube の 埋め込み動画 がプルダウンなどの上に表示されてしまう方法
ボディ内でYoutubeの埋め込み動画(iframe)を使用するときの対策です。
グロナビなどプルダウンで表示する場所の近いところにYoutubeを配置する場合は、プルダウンメニューがYoutubeの後ろに入ってしまうので以下のコードを入れれば解決できると思います。
※多分、positionを使っているものが対象になる可能性があります。
以下、手順。
■通常Youtubeで埋め込みコードを取得すると以下のコード
■関連動画を表示させたくなければ、「動画が終わったら関連動画を表示する」のチェックを外すと以下のコードとなる
そして、プルダウンメニューなどの上に表示してしまわないようにするに
&wmode=transparentを?rel=0の後ろに入れる
と記載すれば大丈夫かと思います。
——————————————————-
埋め込みコードがどこにあるか分からない場合
https://www.youtube.com/embed/p2D5yeU4Xso
1.動画の下にある「チャンネル登録」の下の「共有」をクリック
2.「埋め込みコード」をクリック
3.出てきたコードが通常のコード
4.コードの下にある「もっと見る」をクリックするとプレビュー動画と動画サイズ、各チェックボックスが表示されます。必要に応じてチェックを外すなりする
以上
——————————————————-
※Youtubeも随時アップデートしているので、上記内容から変更されている可能性はあります。
関連記事
-
同調現象 | Web Marketing用語
周囲の人間と同じ行動をしていると安心し、逆に自分1人だけが違う行動をしていると不安を覚えるこ
-
HTMLからPDFファイルの特定のページを指定する方法
WEB制作をしていればPDFへのリンクを設定したことがあると思います。 今回は1枚のPDFファ
-
ハロー効果 | Web Marketing用語
ある1つの目立つ特徴を最初に認識すると、その他の構成要素まで一番目立つ特徴に引っ張られて歪ん
-
【秘伝】写真を粗くしない状態でPDFファイルは劇的に軽量化することができる方法
どうも、MURAKAWAです。 どのビジネスでもPDFファイルを扱うことはあるかと思い
-
サイトチェックツールのWebsite Explorer(ウェブエクスプローラー)が復活していた!
サイトチェックツールとして数年前までずっと使い続けてきていた「Website Explorer(
-
中身が違うaタグをDreamweaverで一括でリンク設定を削除する方法
aタグの中が違うんだけど、一括でリンク設定を削除したい時があります。 いくらDream
-
text-indent:-9999px;でテキスト飛ばしをしなくてもテキストを非表示、背景画像を表示する方法
必要に応じてテキストを非表示にしたいときはたまにだけど「text-indent:-9999p
-
FileZillaでサーバは non-ASCII の文字に対応していません.
FileZillaで「サーバは non-ASCII の文字に対応していません.」の表示が出ているとき
-
Windows10 PC起動時によく使うアプリを自動起動する設定!スタートアップフォルダに登録
自宅でWindows7を使用している筆者だけど、会社でついにWindows10を使用すること
-
WordPressプラグイン「All 404 Redirect to Homepage」で404エラーページ特定のページへリダイレクト
どうも、MURAKAWAです。 Wordpressを使用している人が大変増えていま