Warning: include_once(/home/spotondi/public_html/wpinsider.org/wp-includes/header.php): failed to open stream: No such file or directory in /home/spotondi/public_html/wpinsider.org/wp-config.php on line 95

Warning: include_once(): Failed opening '/home/spotondi/public_html/wpinsider.org/wp-includes/header.php' for inclusion (include_path='.:/usr/local/php73/pear') in /home/spotondi/public_html/wpinsider.org/wp-config.php on line 95
Embedding YouTube Videos with Style .. WordPress Insider

Embedding YouTube Videos with Style

Brussels - March 13:  Youtube is launching A Collaborative a colDon’t even think about not having videos on your website. It’s 2014 and if you want to be successful with your audience, videos must be a part of your marketing strategy.

The first thing a video on your website does is grab your visitor’s attention. It’s easier to watch a video than it is to read through a lot of text. Visitors are more likely to click on a video, than they are to read the text. This is why today it’s considered such an effective tool.

Another lesser known fact, is that by having a video on your website, makes it more likely to get your website ranked higher in search engines, than your competition. When you consider the effort website owners put, into getting their website ranked high in Google and other search engines, few understand that by adding videos to the mix, along with necessary SEO terms and keywords, will rocket them to the top more quickly than any other SEO marketing tactic.

The Power of the YouTube Platform

YouTube is soon expected to become the most popular source for internet traffic search results in 2014. It’s currently the second largest search engine in the world; Google currently is in the number one spot. Consider the importance of YouTube having over 4 billion viewers of videos every single day. That works out to more than 800 million unique viewers going to YouTube on a monthly basis. Can you afford to lose that audience and the potential it could bring to your business? This is proof positive that people want to see videos, and shows you how powerful they are when incorporated into your website.

The challenge

Website owners face a unique challenge when it comes to embedding a YouTube video into their website. Often, the default code which YouTube provides for embedding into your website does not look the way you need it to look. Below we look at ways to help you avoid this problem and show you easy ways to embed your videos into your website.

The Basics of Embedding a YouTube Video into your Website

The simplest way to embed a YouTube video into your WordPress website, is to grab the embed code from YouTube, and paste it into a text widget, located on your post or page in WordPress. Before we show you how to do this, you’ll need to go to YouTube, load any video, and then you’ll be ready to proceed to the steps below.

  1. Click on the share function.
  2. Click on embed.
  3. Pick the video size.
  4. Copy the HTML code.

Now you’re ready to go back to your website and paste the HTML code into your text widget in your post or page in WordPress.

NOTE: If you are in editing mode for a post or a page, make sure you paste it into the Text editor.

How to Customizing the YouTube Player:

The raw code seen above has now been copied from YouTube. It was:

<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/HkLg0rzFiiI?rel=0″ frameborder=”0″ allowfullscreen></iframe>

Now you can see the results below:

YouTube allows you to modify the way your video will look, by giving you selected parameters to add to the embed code. The following are the most important parameters:

  • showinfo=0 – Will not show the video title at the top.
  • modestbranding=1 – This will reduce the size of the YouTube logo on the video.
  • controls=0 – This will hide the control bar at the bottom of the video. (Be careful when using this parameter, as it can be frustrating for visitors when they are unable to see information on how long the video will play. I would recommend only using it for videos that are short. )
  • theme=light – Use a light color theme instead of the default dark color theme.
  • rel=0 – It will not “Show suggested videos when the video finishes.”

Let me demonstrate how this would work.

When I add  showinfo=0, modestbranding=1theme=light to the embed code , the new code now looks like this:

<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/HkLg0rzFiiI?rel=0&showinfo=0&theme=light&modestbranding=1” frameborder=”0″ allowfullscreen></iframe>

And the end result will be:

Taking it a step further, I can add controls=0 which which will hide the control bar at the bottom of the video.

<iframe width=”560″ height=”315″ src=”//www.youtube.com/embed/HkLg0rzFiiI?rel=0&modestbranding=1&showinfo=0&controls=0&theme=light” frameborder=”0″ allowfullscreen></iframe>

And the end result will be:


I hope you find this information useful and the task of embedding YouTube videos on your site less frustrating.


Michelle Castillo

Online Business Expert and WordPress Consultant, passionate about helping business owners to benefit from today’s online technology. I provide my clients with hype-free concise advice about the reality of what online success requires.