
インラインで埋め込んだYouTubeの関連動画表示を削除する
本来はクライアントさんから改修の要望だったのですが、ありがたいことになんとクライアントさんからの情報提供ということで、備忘録として残しておきたいと思います。
タイトルのままですが、YouTubeの埋め込みコードをそのままデフォルトの状態で記述した場合は、動画再生終了後に関連動画のサムネイルが表示されます。
サイトに埋め込んでいる場合はデザイン上、関係無い動画のサムネイルが表示されるのはよろしくないですよね、、そこで埋め込みコードを少し編集することで関連動画を非表示にしていきます。
編集方法も簡単で、下記のように動画のソースURLの末尾に続けて、パラメーターとして「?rel=0」を追加するだけでOKです。
<iframe src="https://www.youtube.com/embed/**************?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>これだけで非表示にできますので、数が多いギャラリーサイトのようなサイトでも安心ですね! (参考にさせて頂いたサイト) youtube再生後の関連動画を消す方法と埋め込みコードはこれだ!
categories
- WordPress(61)
- JavaScript(49)
- Vue.js(48)
- CSS(46)
- jQuery(34)
- Nuxt.js(22)
- Sass(21)
- Gulp(17)
- webpack(16)
- PHP(14)
- HTML(14)
- GSAP(11)
- React(10)
- Vite(9)
- Pug(9)
- Laravel(8)
- Cordova(8)
- Linux(7)
- Next.js(6)
- Apache(5)
- Shopify(4)
- REST API(4)
- Node.js(4)
- Smarty(3)
- Git(3)
- JSON(3)
- その他プログラミング(3)
- Google Apps API(3)
- Bootstrap(3)
- 環境構築・システム(3)
- TypeScript(2)
- EJS(2)
- RMS(2)
- Docker(2)
- Instagram API(2)
- Excel VBA(2)
- SVG(1)
- Dart(1)
- ECカートASP(1)
- Markdown(1)
- AMP(1)
- Nginx(1)
- XML(1)
- shellscript(1)
- Ruby(1)
- MySQL(1)