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

Forum

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

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 Network to add comments!

Join Ning Creators Network

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="http://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="http://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="http://www.youtube.com/embed/abc?modestbranding=1"
    frameborder="0" allowfullscreen>
    </iframe>

    For the old Object Version:

This reply was deleted.

Search the Creators Network

Latest Activity

Aleman Chandrasekar is now a member of Ning Powered Events
15 hours ago
Gerry Emery and Anna Semendiaieva joined Ning Creators Network
yesterday
Hugh replied to The Ning Team's discussion Network Accessibility Update II
"Thanks Kos. The issues resolved themselves later that day, Functionality returned bit by bit. It wa…"
yesterday
Kos replied to The Ning Team's discussion Network Accessibility Update II
"Hugh just seeing this now.  Wow, you're going through a boatload of issues.  Have you cleared your…"
yesterday
mark gardner and Rafael Marchesi joined Ning Creators Network
yesterday
Rowald replied to Anthony Reardon's discussion What is Ning?
"Great post and good to see you here Anthony!"
yesterday
Hugh replied to The Ning Team's discussion Network Accessibility Update II
"I've been reporting problems with my broadcast messages failing to reach all members for a couple o…"
Wednesday
Hugh replied to The Ning Team's discussion Network Accessibility Update II
"As of this morning, all my backend functionality doesn't work. So far I've discovered that I cant:…"
Wednesday
Giovanni Cappai replied to Giovanni Cappai's discussion Need your Feedback!
"Really appreciate it! do you have any other suggestions to improve my network design? I'd love to h…"
Tuesday
George H. Compton IV replied to Giovanni Cappai's discussion Need your Feedback!
"Sorry I wasn't wearing my glasses yesterday when I post this. Here's the code without the extra scr…"
Tuesday
Cat replied to The Ning Team's discussion Network Accessibility Update II
"I disliked 3.0 also, Happy, and will have to find a new platform, if 2.0 stops being supported."
Tuesday
George H. Compton IV replied to George H. Compton IV's discussion Add Google translate to all pages. Any network not just Ning networks!!!
"Update 11/28/16 -- Google translate v12 - All languages. You no longer have to select a default lan…"
Monday
Mustaien is now a member of Ning Creators Network
Monday
Jen replied to The Ning Team's discussion Network Accessibility Update II
"Yes. It's just a simple HTML Text Box to add something about yourself, like an intro. Ning 2.0 offe…"
Monday
Hippy replied to The Ning Team's discussion Network Accessibility Update II
"all I have to say is if you do quit supporting 2.0 you can quit looking for my payment each moth ,…"
Monday
Giovanni Cappai replied to Giovanni Cappai's discussion Need your Feedback!
"Hi George! thanks for your help and yes, i found your tip so cool that i dove into it immediately :…"
Monday
Brian Antezana replied to The Ning Team's discussion Network Accessibility Update II
"Yikes!"
Monday
Just Asking replied to J.Ayvar's discussion Our Ning Account has been hacked.
"Where is there more information on this? How do you know the scope of it?"
Sunday
J.Ayvar replied to J.Ayvar's discussion Our Ning Account has been hacked.
"We Have a name and e mail . Wi Will report to Fbi <a rel=nofollow href="https://www.ic3.gov/compla&hellip;"
Sunday
Thisisbully replied to The Ning Team's discussion Network Accessibility Update II
"Do you use ning 3 on mobile like an actual cellphone? If so you will feel my pain ,from the tip or…"
Sunday
More…