Embedded YouTube "modestbranding=1"

I’m embedding YouTube videos on a help page in my Glide app. I put the URL in a video component. It works as expected.

But… It displays a user icon in the upper left of the video window and it displays the YouTube logo in the middle.

image

According to Google “To hide the user icon (which is part of the YouTube branding) when embedding a YouTube video, you can use the parameter “modestbranding=1” in the embed code. This will remove the YouTube logo and user icon from the player controls, giving a cleaner look on your website.”

Example from Google:

  • Original embed code:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" title="YouTube video player" frameborder="0" allowfullscreen></iframe>

  • With “modestbranding”:

<iframe ... src="https://www.youtube.com/embed/VIDEO_ID?odestbranding=1" ...</iframe>

So…

I started thinking I might be able to set that with custom css. I inspected my way down the 17 divs to the iframe in Glide sheet and found

image

It looks like modestbranding=1 is already set.

Any thoughts on if it’s not working? or thoughts on how to suppress the icon and YouTube logo?

all help appreciated

Not sure if it’s related to anything you are experiencing, but I would check your spelling.

I’ll double check. I suspect it’s a cut and post error. I think it’s correct in the screen shot.

I have no idea if it would work, but have you tried the custom AI component to see if it can handle the changes you want for you?

I tried creating a video player using custom AI component but it didn’t work :disappointed:

1 Like

The modestbranding and showinfo parameters have been deprecated.

2 Likes

Thank you. That explains it.

1 Like