Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

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.

 

 

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="https://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="https://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="https://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:

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.

Thanks to buddy Amit on Labnol for this awesome and useful tip!

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Hah! Sweet bro! Thanks for the share.

    • NC for Hire

      yep...i put this up with you in mind specifically...

      • Indeed? Well I certainly appreciate the effort.

  • Thanks

  • Tip of the week!!!

    I was contemplating on placing videos on certain pages but I did not want any chance of my content to take viewers away from my site (mainly my online shop). Your tip was just what I needed!

    On these certain pages of mine, I also wanted to the video to play automatically. You do it with this code at the end -  &autoplay=1 so if you want both it works this way - &autoplay=1&modestbranding=1

    You can view one of them at Body Glove Surf Shop

  • For some reason it's not working for me this is the code I'm using


    <iframe width="853" height="480"
    src="https://www.youtube.com/embed/videoseries?list=PLF73955473D3D471D"&autoplay=1&modestbranding=1 frameborder="0" allowfullscreen>
    </iframe>

    this is the original code

    <iframe width="853" height="480" src="https://www.youtube.com/embed/videoseries?list=PLF73955473D3D471D" frameborder="0" allowfullscreen></iframe>

    can someone please help so I can get the logo off of the player also autoplay?

  • NC for Hire

    @C. Brickhouse

    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.

    For the IFRAME version:

    <iframe width="500" height="300"
    src="https://www.youtube.com/embed/abc?modestbranding=1"
    frameborder="0" allowfullscreen>
    </iframe>

    For the old Object Version:

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

CJ Coster and ⚡JFarrow⌁ are now friends
NC for Hire
6 hours ago
⚡JFarrow⌁ posted a discussion
Way back in 2018, I shared this with you.  Tip: How to Add an Easy to Manage News TickerToday, I'm…
13 hours ago
⚡JFarrow⌁ replied to CJ Coster's discussion
Looking to Hire an Experienced Ning Developer
"Ill send you my contact info.. happy to help.."
15 hours ago
Rosas † Negras posted a discussion
/*cursor*/body, a, a:hover {cursor:url(HTML,BODY{cursor: url(HTML,BODY{cursor:…
16 hours ago
Debbie Goode-Jones, Ted Harge, Donation Ngobeni and 17 more joined Ning Creators Social Network
20 hours ago
CJ Coster posted a discussion
Hello, Believe it or not, we started when Ning, was just formed. We are back now and want to hack…
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"possible to fix it this way? is an example of a 2.0 site"
yesterday
Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"There is an error in the code, sorry about that it should be like this
.xg_list_video_main .tb…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"the groups are now perfect, the videos to the usual situation"
Thursday
shared their discussion on Facebook
Thursday
Bizz posted a discussion
Here is an updated tip as seems some things have changed since last time I posted that last tip.You…
Wednesday
Bizz replied to Rosas † Negras's discussion
How can I fix this Ning 2.0
"/** VIDEOS LIST **/
.xg_list_video_main ul li { width: 100%;}
.xg_list_video_main .tb…"
Wednesday
More…

Meanwhile, you can check our social media channels