Video is the best thing you can be doing for your website right now. It is the most popular form of media on the web, is more likely to be shared on Social Media, and even improves on your SEO (search engine optimization – or – how high up Google displays your site in search results). YouTube is the de-facto choice in distributing video content when it comes to referral traffic and SEO, but the way the YouTube videos look on your site might not suit your style. A clean, simple design can easily look mucked up by YouTube titles and overlays on embedded videos. I ran into this problem when we launched the newest design for Killerspots. So I’ll show you how to remove YouTube titles from your embedded videos.
We wanted to embed a testimonial video from a client near the bottom of our homepage. Using the standard embed code from YouTube gave us the result you see to the right. Gross. Dan’s head is chopped off! Plus, since we intended to put the title below the video, we don’t really need the title to display anyway. Hiding the YouTube overlays is especially useful when your video thumbnail will be small like this one. So let’s remove YouTube titles from our embedded video and see how we like it.
Your standard YouTube embed code will look like this:
<iframe width=”213″ height=”120″ src=”http://www.youtube.com/embed/nhP1d-NjFHQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
The highlighted section is what we will be adding to. All it takes is adding &showinfo=0 to the ened of the YouTube URL before the closing bracket. Note that “rel=0″ refers to showing related videos once your video has ended, so if it’s not there simply put your code snippet after a ‘?’ like you see preceding ‘rel=0′ Once you set showinfo to equal zero, you should get a nice, clean YouTube video right on your website. You’re embed code will then look like this:
<iframe width=”213″ height=”120″ src=”http://www.youtube.com/embed/nhP1d-NjFHQ?rel=0&showinfo=0″ frameborder=”0″ allowfullscreen></iframe>
Perfect. It doesn’t get much simpler than that. Be mindful that you are taking away some of the functionality of your YouTube embedded video. The title is actually a hyperlink that goes to your video on YouTube and gives you a chance to drive some traffic to your other videos. There’s a judgement call to be made here but for the most part your YouTube videos should be referring traffic to your main site, not the other way around, so I don’t think you’ll be doing yourself any harm by removing the YouTube titles.
That’s it, folks. Happy coding and remember to back up your site or webpage before making any changes!