PR

youtubeの動画最後に関連動画を出さないようにする

オウンドメディアにyoutube動画貼り付けてるけど、
最後に関連動画が表示されると雑音になる、消したい、、、

こうした悩みを解決します。

姫野秀徳

組み込みエンジニアとしてメーカー勤務10年。
第二種電工事士、基本情報技術者、Code.org認定教師。
microbitを用いた電子工作&プログラミング教室を開校。
組み込み開発の実際を発信するyoutube活動も行う。

姫野秀徳をフォローする
組み込みオンライン学習システム"クミタテ"を作っています クミタテを見る

参考

こちらの記事を参考にさせていただきました。
(というか書いてる内容もそのままで忘備録としてこの記事書いてます)

【2024年最新版】YouTube動画の埋め込み機能で関連動画を非表示にする方法は? | 株式会社プレスマン
YouTube動画の埋め込み機能は、ウェブサイトの好きなところへ動画コンテンツを簡単に追加できる、とても便利なツールです。 ただ、デフォルトではYouTube内の関連動画が表示されるため、ユーザーの離脱につながったり、場

手順

①”プライバシー強化モードを有効にする”に✅してiframe取得

埋め込みたい動画を開いて、”共有”→”埋め込む”でiframeが表示されます。
このとき埋め込みオプションとして”プライバシー強化モードを有効にする”があるので、チェック。
そしてiframeをコピーする。

②埋め込んだら&rel=0パラメータを追加する

wordpressに埋め込む場合を想定すると、

カスタムHTMLブロックにiframeタグを貼り付けます。

で、src=”~~”の最後に&rel=0を追加します。

サンプル

対応前

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/W_M5DZBCDwA?si=wY6sdte0DqBj1230" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

対応後

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/W_M5DZBCDwA?si=wY6sdte0DqBj1230&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

まとめ

動画表示画面から共有→埋め込む→プライバシー強化モードを有効にしてiframe発行→srcに&rel=0パラメータ追加する

この内容が良いと思ったら、いいね💖を押して教えてください!

組み込みオンライン学習システム"クミタテ"を作っています クミタテを見る
未分類
シェアしていただけると嬉しいです!

コメント

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