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.
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
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