A web design client of mine recently made a video for his business and uploaded it to YouTube. He wanted the video to be displayed on his website for customers to see. When I inserted the embed code, the video looked a little unprofessional with the bottom bar and YouTube logo. I wondered if there was a way to disable both. Fortunately, YouTube provides parameters to modify how the video appears.
Here we have a normal YouTube embed code:
<iframe width="560" height="349" src="//www.youtube.com/embed/_VacxtL2YqA" frameborder="0" allowfullscreen></iframe>
We can modify the URL in this code so that the YouTube logo doesn’t display by adding “?modestbranding=1” to it:
<iframe width="560" height="349" src="//www.youtube.com/embed/_VacxtL2YqA?modestbranding=1" frameborder="0" allowfullscreen></iframe>
Now to disable the bottom play/pause bar. We can add “?controls=0” to the URL the same way we did with the “modestbranding” parameter:
<iframe width="560" height="349" src="//www.youtube.com/embed/_VacxtL2YqA?controls=0" frameborder="0" allowfullscreen></iframe>
Since I want to disable both the bottom bar and the YouTube logo, I will have to use an ampersand to separate them like so:
<iframe width="560" height="349" src="//www.youtube.com/embed/_VacxtL2YqA?modestbranding=1&controls=0" frameborder="0" allowfullscreen></iframe>
Now the video looks more professional on the web page. Only the title and play button in the center of the screen is displayed.
This trick also works just for straight URLs also. So if you want to send somebody a link and disable the bar or logo you can send them:
http://www.youtube.com/embed/_VacxtL2YqA?modestbranding=1&controls=0
FAQ
Is there a way to remove the top bar?
You can use “showinfo=0” to remove the top bar.
@Frank, I’m using JULBUL to completely remove youtube logo from my embed videos with 100% accuracy
@Frank, modestbranding and showinfo cannot be set at the same time, somewhere it has to link back to youtube :)
@Jannik, that’s odd it wouldn’t work on iPhones, probably just safari. Try chrome or firefox for iOS. No workaround I can recommend, Safari and iframes in general have no love for each other (Nevermind Google & Apple ;).
@Author, I’d also add the “&rel=0” parameter to keep similar videos from popping up at the end taking you away from your content when embedding.
Happy Embedding,
Maxwell
This doesnt work on iOS devices… any way to solve this?
I wonder if this can be done on a playlist…
Thanks for this, I’ve added the code and it works a treat. Given that it’s the first time that I’ve tampered with code I was relieved it was as easy as you suggested.
i used modestbranding=1&autohide=1&showinfo=0&controls=0 in my playlist iframe, but the youtube logo is still in the lower right corner, and clicking it takes the viewer to my youtube page!!
any way to get rid of that logo?
thanks.