When embedding videos from YouTube, the YouTube player will show related videos any time the video is paused or when it completes.
By default, YouTube itself picks these videos, which means you may very well see a competitor's videos after showing your own.
Not ideal.
Solutions
Restrict the related videos that show
?rel=0
If you add ?rel=0 to the Youtube URLs, Google will still show related videos, but it will restrict them to;
- Other videos from your channel
- Videos from the same playlist, if you're showing a playlist
This means that if you add the video to a playlist by itself, then no related videos will appear because Google can't find any to display. This is labor intensive to setup for a lot of videos, but it's an easy hack to implement.
JS library solutions
SA4's hide related videos
Uses video overlays during the pause and completion states to mask the related videos. In the future we may expand these panels to allow for branding and CTAs.
https://attr.sygnal.com/sa5-video/youtube-hide-related-videos-beta
Plyr.io
Another means is to use a 3rd party player like Plyr.io, which can play video from YouTube and Vimeo as well. It's free, customizable and styleable.
https://plyr.io/
Notes
https://www.amblemedia.com/disable-suggested-videos-on-youtube-embeds/
https://codepen.io/memetican/pen/eYjLvax/a6f993f29267c876983cbe7361339335
https://stackoverflow.com/questions/48386252/youtube-iframe-api-parameter-rel-0-doesnt-work
https://discourse.webflow.com/t/youtube-video-inside-a-lightbox-how-to-hide-the-youtube-recommendations/213926/3
https://www.maxlaumeister.com/articles/hide-related-videos-in-youtube-embeds/
https://webflow.com/design/youtube-video-player
