Mediassort▲SeaviceWebSearvicePricePortfolioAboutContactBlog技術ネタゲームContentsコミック屑山くんのノープラン転生物語つけ麺食べたい!SeaviceWebSearvicePricePortfolioAboutContactBlog技術ネタゲームContentsコミック屑山くんのノープラン転生物語つけ麺食べたい!TOP>【2019年9月最新版】Youtube埋め込み時に関連動画とロゴを非表示にする方法を分かりやすく解説2019.9.19【2019年9月最新版】Youtube埋め込み時に関連動画とロゴを非表示にする方法を分かりやすく解説Web制作担当者なら誰もが地味に苦戦するやつ、Youtube埋め込み時のカスタマイズ。関連動画に関して、ひと昔前なら埋め込みタグに「rel=0」入れるだけでいけた気がするんですけどね(2018年10月以降はできなくなったそうです)Google様は仕様変更をサクっと行うので、Web担当者もインフラ担当者もいつも泣かされるものです。わけで雑談は置いといて結論&やり方から。埋め込みタグのオプションでは「関連動画の非表示」はできません。rel様が聞かなくなってるからですね。一応、roop再生をONにすることによって関連動画が出る隙を与えないってことはできますが、動画クリックされちゃうと一時停止して関連動画が表示されるんですよね。結論言えよって話なので、、二通り方法があります。1.動画一つしか入れてないYoutubeアカウント作成(すみません、未検証。試す価値はあり)2.YoutubeAPIとJavascriptつかうってわけで、もちろんスマートにいくために2の方法を使います。YoutubeAPIに拒否反応が出る人にもなるべく拒否反応でないように書いておきます。"YoutubeID張る。qUo4OKa3SQoみたいな";</script>と記載して、お次にいままでYoutubeタグを埋め込んでいたものを下記に置き換えます。YT.PlayerState.CUED:break;}}</script>これを書いておきます。何をしてるのか?ってところですが、ざっくりいうとサイト表示したときにYoutube動画を自動再生して(仕様によりかならずmuteになります)そのままループ再生。【動画が一時停止されたときに再生する】って動きになってます。結局のところ、関連動画の非表示はできないわけです。関連動画が表示されるときは、「再生終了時か一時停止時」なので、ループ再生させて一時停止しないようにできれば解決できるわけです。逆に、2019年9月現在はyoutubeを利用している限りはこれ以外の方法はおそらくありません。超強引にやることはできそうだけど。ちなみにこの方法は下記サイトを参考にやっています。いうかほぼそのままなものをざっくりまとめただけです。(IFrameプレーヤーAPI(JavaScript))ここは一時停止できないようにする、ということを書いてくれているので、関連動画で躓いた人はたどり着きづらいだろうなぁとおもってこの記事を書いておきました。Kobayashi一応Mediassort代表取締役。ITのエンジニア・コンサルタント・動画クリエイターやデザイナーを兼業していた。あってMediassort代表やってみてます。東京から離れるために奮闘中。