Using Video in Webflow

Suppressing YouTube Related Videos

No items found.
Overview
Webflow-Native Video Sources
Video Sources & URLs
Intro
401
Responsive Video
Intro
402
YouTube | How to Embed YouTube Shorts
Intro
2:40
403
YouTube | How to Start Playback at a Specific Point
Intro
3:18
404
Suppressing YouTube Related Videos
Intro
405
Transparent Videos
Intro
406
Pause Videos when Hidden
Intro
408
Customizing Video Players
Intro
408
Other Video Sources
Hosting Video on Google Drive
Intro
501
No items found.

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

Table of Contents
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.