Embedding content, Media, Shortcodes

Videos »YouTube

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:

youtube-video-url

Paste it on a line by itself in your post/page Visual editor (make sure that it is not hyperlinked). We take care of the rest! You can view and play the video directly from the editor:

embedURL2

↑ 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:

youtube-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. NB: The shortcode will not give you a preview of the video in your editor, you will need to Preview or Publish your post first.

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

↑ Table of Contents ↑

Embedding a Playlist

You can also embed a YouTube playlist instead of a single video. Simply copy the playlist’s URL from your web browser’s address bar while viewing the playlist:

youtube-playlist-url

Be sure to copy the full URL, including &list=… at the end. That copies the entire playlist instead of a single video.

Then, paste it on a line by itself in the post/page Visual editor (to embed with a URL) or 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=https://www.youtube.com/watch?v=Dcz4vrC7uM8&list=PL0F4EAE74C95BF2A5]

The playlist will look something like this and can be viewed and played directly from the editor:

↑ 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.

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 & height 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 start at a certain point in the video, convert the time of that point from minutes and seconds to all seconds, then add that number as shown (using an example start point of 1 minute 15 seconds):
    [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&start=75]
  • To specify a start and end time for a video, do the same as the above but add the end time as shown: [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&start=75&end=85]
  • To hide the top information bar:
    [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&showinfo=0]
  • To change the look of the player:
    [youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A&theme=light]

↑ Table of Contents ↑

Adding to your Sidebar/Footer

You can embed YouTube videos to your sidebar or footer by copying and pasting the shortcode into a Text Widget. You will need to use this format:
[youtube=http://www.youtube.com/watch?v=JaNH56Vpg-A]

↑ Table of Contents ↑

Comment Embeds

You can 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 visible in your post/page editor and is 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 a playable preview of the video.
  • 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.

 

↑ Table of Contents ↑

Streaming a Live Broadcast with YouTube

You can stream a live broadcast using YouTube and the Google Hangouts On Air feature, and embed the stream during or after the event on your WordPress.com site.

In order to create a Live Stream on your site, you’ll need to start at YouTube by enabling Live Events on your settings page.

From the YouTube Dashboard, click on Channel > Live Events > Enable. Your account must be in good standing to enable live events, subject to YouTube guidelines.

Screen Shot 2014-07-29 at 2.09.48 PM

 

 

 

 

 

 

 

 

Once you have enabled Live Events, you can initiate a new stream by going to Video Manager > Live Events > Schedule New Event

The video must be given a Title to proceed, and you should set the privacy setting as well. You can embed a stream set to Unlisted or Public on your page, however a stream set to Private will show only a blank video.

Once you have filled in the information and selected a privacy setting, click Go Live Now. A separate window will appear and the Google Hangouts Live page will load. This may take some time depending on the speed of your connection.

When the green Start Broadcast buttons appears, you are ready to start streaming. At the bottom right click Links and then copy the YouTube Page link from the box.

cloudup-C2AA7ADB-ACB9-4895-ACEF-3BDDDC372D24

 

Next, go to your WordPress.com page or post where you’d like this video to appear. Paste the link onto it’s own line (do not use the link button on the toolbar), and when you are ready, click Publish.

Now you can begin the broadcast, and users can click play on the embedded video on your WordPress.com site to stream the event. The broadcast is on a brief delay, and users may need to wait a moment and/or refresh the page to start the stream once you are live.

Once the event is over, the video will remain in place and can be replayed by visitors in the future. If you prefer not to have the video online after the live event, you can set the event to Private at YouTube, or simply remove the link from your page on WordPress.com.

You can find a longer guide to the options available when setting up a Live Event on the Google support guide for Live Streaming.

Still confused?

Contact support.

Not quite what you're looking for?

Get Help