Videos » YouTube

Contents

• Embedding with a URL
• Embedding with a Shortcode
• Video Customization Options
• Comment Embeds
• Troubleshooting

Related

• Blip.tv
• Dailymotion
• Flickr Video
• TED Talks
• Viddler
• Videolog
• Vimeo
• Vodpod

Embedding with a URL

To quickly embed a YouTube video, simply copy the video’s URL from your web browser’s address bar while viewing the video:

Paste it on a line by itself in your post/page editor:

We take care of the rest! The video will look something like this:

↑ Table of Contents ↑

Embedding with a Shortcode

To customize the video’s size and settings, use a shortcode. You can do this by copying the video URL:

Then create a shortcode using the format below. Be sure to replace the URL listed here with the URL of your video, and the code is on a line by itself.

[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A]

↑ Table of Contents ↑

Video Customization Options

You can specify the width and height of the embedded video by adding &w=... or &w=...&h=...to the shortcode. It will automatically adapt to your theme’s content length and give you preferred dimensions.

• You can disable related videos by appending &rel=0
• You can turn on the search box by appending &showsearch=1

For example, this shortcode:

[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&w=640&h=385]

produces this video, which is wider than the default embed without width & hight option settings:

More Examples:

• To embed the video with default width and height adapted to your theme:
  [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A]
• To specify the width and height explicitly:
  [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&w=320&h=240]
• To specify the width only:
  [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&w=320]
• To hide the related videos from appearing after the video is done:
  [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&rel=0]
• To show the YouTube search box:
  [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&showsearch=1]

↑ Table of Contents ↑

Comment Embeds

You can to embed YouTube videos when you leave comments on any WordPress.com blog. Simply grab the URL of any YouTube video and paste it directly into the comment field:

Once your comment is posted/approved, you will be able to watch the video directly from the comment area.

↑ Table of Contents ↑

Troubleshooting

• Make sure the YouTube link is not hyperlinked. If the URL is shown in your theme’s link color (as the second line in the screenshot below), then it is hyperlinked. Simply select the whole URL and click the “Unlink” icon on your Visual Editor toolbar.
  
  Once the URL is unlinked, you will see the link text in black.
• Make sure to place the YouTube URL or shortcode on its own line. This means there should be no character or whitespace before or after the URL/shortcode.

Last modified: February 7, 2012