Youtube video inside a lightbox. How to hide the Youtube recommendations?

Design help General
1

Hello everyone, I have a Youtube video inside a lightbox. I want prevent Youtube from showing related videos when pausing or at the end of the video. I found out about the $rel=0 parameter, but this doesn’t seem to work (it seems to be deprecated)

Screenshot 2022-08-11 at 13.59.52
Screenshot 2022-08-11 at 13.59.521920×1158 98.1 KB

On the other hand, the Youtube widget has the option to hide the related videos, and it works.

Screenshot 2022-08-11 at 13.57.32
Screenshot 2022-08-11 at 13.57.32482×722 32.2 KB

The problem is, there’s no way to add a Youtube widget or a html embed inside a lightbox.

Do you have any suggestions? Should I create a custom lightbox from scratch?

Thank you!

View only link of a test page: Webflow - VDX.tv

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2 Likes
2

We also have the same request.

3

@Dario and @bhinson

YouTube no longer directly supports suppressing the related videos list.

There are currently 3 modes of operation with YouTube embeds and the related videos list at the end;

  • Default, which shows related videos from any channel YouTube chooses to
  • rel=0, which shows related videos only from the same channel as the video
  • No related videos, which is done using enablejsapi=1 and some JS+CSS. See here on Stack Overflow for code.

Any of those can be used if you’re using HTML Embeds and/or a 3rd party lightbox such as fancybox.

Inside of Webflow, the YouTube player has the rel=0 option exposed as a setting called “Limit related videos to channel.” @Dario for me, adding “Privacy mode” does not make the cards disappear.

In the Lightbox, you can also channel-limit videos by adding &rel=0 to the end of the YouTube video URL before you paste it in.

If you really want to display all related videos ( same channel included ), you may be able to adapt Max Laumeister’s scripts here.

4

Hey @memetican,

thanks for your reply!

In the Lightbox, you can also channel-limit videos by adding &rel=0 to the end of the YouTube video URL before you paste it in.

Unfortunately, adding rel=0 does not work in Webflow. rel=0 works when you are just entering the URL in your browser. However, Webflow ignores the rel=0 flag…

This is the URL that I tried to embed to a lightbox in Webflow: https://www.youtube.com/embed/wS3IKiN1OG0?rel=0

Here is a demo of the issue: https://youtu.be/PVyixBPZDKA

5

Hey Nils, YouTube parses its different URL formats differently including its embed & minified formats.

In your example try the default YouTube URL for your video e.g.;

https://www.youtube.com/watch?v=wS3IKiN1OG0&source_ve_path=MjM4NTE&ab_channel=PhilMunzi&rel=0

It’s possible things have changed but this approach has always worked well for me on projects, although again it doesn’t remove the cards, it only channel-restricts them.

6

Thanks for help me .