Hack: How To Embed Youtube Videos without Youtube Logo

posted Feb 7, 2014, 2:28 PM by LoftnInja UNrealtor

Trick for Embedding Youtube Videos

Embedding Youtube videos on your Ning network is a terrific way to curate content which pertains to your site's subject matter. But one problem that can arise will actually drive traffic back away from your network and that is when a member (or non-member) clicks ont he Youtube logo within a video which takes the visitor back to that video on Youtube. Here is a hack that will remove the Youtube logo from the embed.

The following post contains two videos that are embedded straight from YouTube. They are essentially the same videos except that one of the embedded video players does not not carry any YouTube-specific branding. Take a look:



This video player has a YouTube logo in the control bar (bottom right)..

.. while the player embedded below carries no such logo.




Remove Youtube Logo

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?modestbranding=1"
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&modestbranding=1">
</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&modestbranding=1"
allowscriptaccess="always" allowfullscreen="true">
</embed>
</object>

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:


Comments