How to remove youtube branding after embedding video in web page?
You can add ?modestbranding=1
to your url. That will remove the logo.
modestbranding (supported players: AS3, HTML5)
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.
&showinfo=0
will remove the title bar.
showinfo (supported players: AS3, AS2, HTML5)
Values: 0 or 1. The parameter's default value is 1. If you set the parameter value to 0, then the player will not display information like the video title and uploader before the video starts playing.
You can find all options on the Google Developers website.
Note:
It doesn't fully remove the logo. There is still a small logo on the bottom left.
showinfo
is deprecated and will be ignored after September 25, 2018: https://developers.google.com/youtube/player_parameters
How can I remove the youtube branding completely from embedded video?
UPDATE:
Since this is quite an old post and i'm getting downvotes on it as the solution doesn't work anymore, the simple answer is (as of early 2017):
You can NOT completely remove the youtube branding.
You can play around with setting:modestbranding=1
- to remove the youtube logo
andshowinfo=0
to remove the title and uploader info
Although with modestbranding
set to 1
you will still get a small youtube text label.
For more info check out Google developers' site:
https://developers.google.com/youtube/player_parameters
Old answer from 2013:
As you can see they use:
showinfo=0
iv_load_policy=3
modestbranding=1
nologo=1
The last one seems interesting :)
iv_load_policy=3
means the use of HTML5 if I'm correct
Disable YouTube logo on embeded video
If you are using showinfo=0
to remove the title from the top of the embedded
video, modestbranding=1
will not work, and the logo will appear.
<iframe style="display: block; margin: auto;" width="560" height="315" src="https://www.youtube.com/embed/9dUdfY7op6M" modestbranding=1 frameborder="0" allowfullscreen></iframe>
Related Topics
How to Define Custom Sort Function in JavaScript
JavaScript Closures and 'This'
Method Overloading in JavaScript
Migrating Angularjs to Angular 4,5 (With Demo)
JavaScript Regex Hangs (Using V8)
Settimeout Ignores Timeout? (Fires Immediately)
Limited Parallelism with Async/Await in Typescript/Es7
Closure in JavaScript - Whats Wrong
Node Js Promise.All and Foreach
Ecmascript 6 Features Available in Node.Js 0.12
How to Disable Div Element and Everything Inside
How to Make a Button Redirect My Page to Another Page
Dynamically Using the First Frame as Poster in HTML5 Video
Best Way to Execute Js Only on Specific Page
Html5/JavaScript - Dataurl to Blob & Blob to Dataurl