Streaming live at 10am (PST)

Youtube video modestbranding

#1

Hello flowers,

I can’t find the way to set my youtube video element with modestbranding on and it’s color to white.
Is there an option in the UI I missed, or is there a way to do it via custom code?

Thanks in advance.


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

1 Like
#2

Hello @Philemon

Not sure what modestbranding is :smile: but from what I see is something related to the YT logo right? Removing the YT logo?

Here’s some info > https://stackoverflow.com/questions/18893902/how-to-remove-youtube-branding-after-embedding-video-in-web-page

More > http://www.adeliestudios.com/youtube-modest-branding-website/

and more > https://stackoverflow.com/questions/40353582/modestbranding-not-working-for-youtube-embed

Hope this helps. Try using the methods described in the posts and if you still hitting the wall reach out :webflow_heart:

#3

Thanks for the Help Piter!

I kind of found the same infos, but the parameter showinfo was disabled in september 18, and modestbranding doesn’t accomplish much. On top of that when copied in webflow youtube block, it removes any parametersin the link and keep only the video source link. So i guess i’ll have to find somewhere else to host it to have a not branded player.

I was just hoping maybe Webflow had another tip regarding custom video player, but I understood in another topic that vimeo and youtube are convenient because they generate every formats for every devices. Reson why webflow doesn’t have it’s own video player.

Le dim. 17 févr. 2019 à 08:05, Piter Dimitrov via Webflow Forums webflow1@discoursemail.com a écrit :

1 Like
#4

Official docs. Read about the relationship between color and modestbranding (white color will disable modestbranding).

modestbranding

This parameter lets you use a YouTube player that does not show a YouTube logo. Set the parameter value to 1 to prevent the YouTube logo from displaying in the control bar. Note that a small YouTube text label will still display in the upper-right corner of a paused video when the user’s mouse pointer hovers over the player.

https://developers.google.com/youtube/player_parameters#modestbranding

color

This parameter specifies the color that will be used in the player’s video progress bar to highlight the amount of the video that the viewer has already seen. Valid parameter values are red and white , and, by default, the player uses the color red in the video progress bar. See the YouTube API blog for more information about color options.

Note: Setting the color parameter to white will disable the modestbranding option.

https://developers.google.com/youtube/player_parameters#color

#5

Thanks for the help, indeed it’s not possible to combine them, and modestbranding doesn’t really hide anything, I’ve red theses docs.
My question was, how to apply any of theses parameters (thinking about having “rel=0” too) on a webflow youtube player element.

#6

Very simple - any parameter yet support by webflow UI - add manually:

This link will help you to generate the correct link:
https://developers.google.com/youtube/youtube_player_demo

Change parameters -

Than click her:

copy paste

Last copy the src and only the src (without the iframe HTML + without " " - webflow already handle this for you)
image

https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&cc_load_policy=1&disablekb=1&enablejsapi=1&end=300&loop=1&modestbranding=1&playsinline=1&start=30

image

#7

I really appreciate your effort, but I mentioned earlier, when I past the link in the video settings in webflow, the parameters disappear, they get cut off more precisely.

#8

works fine. Maybe you do wrong copy-paste:
http://new-landing-page-94e5db.webflow.io/

Please attach the code you trying to paste + Maybe try to work on chrome incognito

#9

I’m getting an error in webflow UI

19

When I paste this link as video source:

#10

Maybe this video is private? Video with id of BPTc1y-iamE is not available (This is not related to webflow).

https://www.youtube.com/watch?v=BPTc1y-iamE

Example for ID:
image

#11

thanks for your help, indeed the video was private, modified it to public.

Yet still get the invalid URL error when I paste

https://www.youtube.com/embed/BPTc1y-iamE?loop=1&modestbranding=1

19

and no error with original link:

https://youtu.be/BPTc1y-iamE

1 Like
#12

Also get some errors in console on the publish :
38

with just original link :

https://youtu.be/BPTc1y-iamE

#13

@Philemon - Just in case you missed it…

The video element currently uses the embed.ly api to make it easy for users to add a video to a page, RTF, or collection. There are limits to what display options you can change after you add the video. See the link above.

What do you do if you need more display options? Use an HTML embed.

Also get some errors in console on the publish :

Those are most likely the result of an adblocker running in your browser.

Hope this helps.

1 Like