YouTubeでは好きな動画を自分のブログなどに埋め込むことができますが、動画とは関係ない関連動画が再生終了後に表示されることがあります。今回は表示されるYouTubeの関連動画を非表示にできるのか。非表示にできる場合どうやればできるのか紹介します。 YouTubeの関連動画は非表示にできる? HTML - Youtube 関連動画非表示が効かない｜teratail. Youtube の動画は非公開じゃないのであれば、好きなようにホームページやブログに埋め込むことができます。 ですが、埋め込み動画を再生して視聴を終えると自分の動画とは関係のない他の動画や再生リストが表示されてしまいます。そもそも自分の動画かどうか関係なく、別の動画が表示されること自体が邪魔な場合もあるでしょう。 これまでは埋め込みコードをカスタマイズするだけで 非表示 にできましたが、現在はYoutubeの仕様変更により少し工夫する必要があります。 ですが、やり方さえ分かっていれば 関連動画 を消す事が可能です。 YouTubeの関連動画は非表示にする方法 まずは、普通に埋め込むときと同じように埋め込みコードを発行してブログやホームページに貼り付けます。 その後、埋め込みコードの URL に「? rel=0 」を加えてください。 「? rel=0」を加えることで、他の動画を表示せず自分のチャンネルの動画だけが関連動画に表示されるようになります。今回やるのは関連動画を一切表示させないことですのでもう少し手を加えていきます。 次に、埋め込んだ動画の公開ステータスを限定公開に変更してください。これが一番重要です。 公開ステータスはYoutube Studioから変更できます。 公開ステータスは必ず非公開ではなく限定公開にしてください。 非公開にしてしまうと埋め込み先のサイトで再生することができません。 公開設定を変更した後、埋め込んだ動画を再生してみてください。次の動画や関連動画のリンクが表示されずに動画が終了するはずです。
BUFFERING: break;}} 以上で完了です。 まるっとコピペしてもらえれば、 再生後と、再生停止中の関連動画は表示されていないと思います。 ちなみに、上記コードでは、 コントロール部分に表示されるYoutubeロゴも非表示にしています。 Youtubeの仕様が変わり、 面倒になってしまいましたが、とりあえず解決できました。 参考サイト:
目次 [閉じる] [開く] 1. 2. Youtubeの関連動画、 以前は、埋め込みタグに「rel=0」を入れるだけでしたが、 できなくなっていました。((2018年10月以降) 普通に埋め込むとこのように、 再生後と、再生停止中に、関連動画が表示されてしまいます。 一時停止中の関連動画 再生後の関連動画 ということで、 ちなみに、 YoutubeAPIというのを使っていますが、 まるっとコピペで動くので特に理解する必要はありません。 私も全然理解していません。 1.
内に下記コードを追加(ID部分のみ変更してください) ※IDとは 埋め込みたい動画のリンク: この「IC9urbiVp4M」の部分。(動画ごとに違います) 2.※注意 現在のYouTubeでは、下記に記す方法が無効化されてしまいました。 考え方のみ参考にしてください。 —————————————————————— YouTubeは、動画をブログに 掲載する際に、 今や欠かせないサービスですね。 このYouTube動画を 何気なくブログに貼り付ける際に、 一工夫することであなたのサイトに 役立つ効果が生まれます。 その効果とは、 いったい何だと思いますか? ・・・・・・答えは「 離脱率減少 」です。 何それ?とお思いの方もいるかと思いますが、 動画とこのページの続きをご覧いただければ、 すべて分かります。 ? rel=0&modestbranding=1 ↑この文字列を、ある場所に入力すると 「関連動画」が表示されなくなります。 コピーしてお使いください。 関連動画を表示させない方法の手順とは? ① YouTube動画画面上で右クリック ② 「 埋め込みコードをコピー 」を選択 ③ ワードプレスの記事編集画面で 「テキスト」モードにする ④ 右クリックで「貼り付け」を行うと、 YouTube動画を貼り付けるHTML文