I was recently given the task from a client on how to embed her YouTube video, without their logo and without leaving her sales page.

I’m no teckno geek, so I did a little digging and here is what I found.

Removing the YouTube Logo from the Video Player

If you would like to remove the logo from the YouTube player before embedding it on to your website, you need to make a minor change to the default embed code as outlined below.

For the IFRAME version:

<iframe width=”500″ height=”300″
src=”http://www.youtube.com/embed/abc?<strong>modestbranding=1</strong>”
frameborder=”0″ allowfullscreen>
</iframe>

The highlighted modestbranding=1 replaces rel=0. in the code.

<iframe width=”500″ height=”300″
src=”http://www.youtube.com/embed/abc?<strong>rel=0</strong>”
frameborder=”0″ allowfullscreen>
</iframe>

For the old OBJECT version:

<object width=”500″ height=”314″> <param name=”movie”
value=”http://www.youtube.com/v/abc?version=3&rel=0&<strong>modestbranding=1</strong>”>
</param><param name=”allowFullScreen” value=”true”></param>
<param name=”allowscriptaccess” value=”always”></param>
<embed type=”application/x-shockwave-flash” width=”500″ height=”300″
src=”http://www.youtube.com/v/abc?version=3&rel=0<strong>&modestbranding=1</strong>”
allowscriptaccess=”always” allowfullscreen=”true”>
</embed>
</object>

The highlighted modestbranding=1 replaces rel=0. in the code.

<object width=”500″ height=”314″> <param name=”movie”
value=”http://www.youtube.com/v/abc?version=3&rel=0&<strong>rel=0</strong>”>
</param><param name=”allowFullScreen” value=”true”></param>
<param name=”allowscriptaccess” value=”always”></param>
<embed type=”application/x-shockwave-flash” width=”500″ height=”300″
src=”http://www.youtube.com/v/abc?version=3&rel=0<strong>&rel=0</strong>”
allowscriptaccess=”always” allowfullscreen=”true”>
</embed>
</object>

Final version:

Use the default embed code for a YouTube video and just add modestbranding=1 at the end of the video URL and the YouTube logo won’t show up in the Flash Player.

The new “modestbranding” parameter for YouTube is supported for both Flash-based and IFRAME based embed codes (that are HTML5 compatible).

Update: The previous version of this article used the “showinfo=0″ parameter with “modestbranding=1″ but for the video player to be completely logoless, the showinfo parameter needs to removed. Brian Glick from the YouTube team shares why:

The reason why the video “YouTube” logo overlay appears is because the modestbranding option normally, by itself, still shows some branding – in the form of a small “YouTube” text overlay in the upper-right corner of the video, when you hover over it while the video’s paused. But since you explicitly asked for showinfo=0, we have no place to show the “YouTube” text overlay. So the alternative is to communicate that it’s a YouTube video player via the video overlay.

Thank you Amit Agarwal, a personal technology columnist at WSJ India, author and founder of Digital Inspiration, a widely-read tech and how-to blog.