Previously we looked at how to embed Vimeo videos to your WordPress.com blog, but now we are going to see how to embed YouTube videos.
Google have made this process extremely simple and also give you a couple of extra options including where the video should start from and whether you want the video to be shown in HQ or LQ.
Note that certain free WordPress themes are limited as to how they display media. For example I use Fresh and Clean which is a free theme, but has limits as to how wide I can display media. For a better understanding of this see this link.
For the example of this tutorial I will be using Adele’s Rolling in the Deep video
Right, go to the YouTube page where the video is that you want to embed. E.g my example.
First, if you just want the video to show with the default quality for the video (normally 360p) select the Share button just below the video which will give you the required link
All you have to do is copy the link that it gives you and paste that where you want the video to appear in your blog. The default quality for this example is 360p which is considered pretty LQ (low quality). Bear in mind though, that some people who will be viewing your embedded videos, may struggle with higher quality videos like 720p and 1080p as their computers will stutter whilst playing it. This is down to their poor graphics processors like older PC’s.
However, if you want the video to be shown in higher quality on your blog, you can, by simply selecting Options just below the link.
Select the HD button to change the link for the video to show a HQ version of the video. All that will add is ?hd=1 to the end of the given URL to reflect that it will be shown in higher quality.
If you want the video to start at a certain point though, which is a great feature, then simply select the Start at: button and state where you want the video to start from. This is good for videos that you want to show, but the main action doesn’t start for the first minute or so. It will save the user from having to manually skip to the interesting bit.
Note: This may be a bug in WordPress, the theme I am using or how the YouTube link works when embedding into WordPress, but when you select the Start at: button to make it start from a certain position, you will see that it actually start at the beginning. However, if you pasted that same URL into the address bar it will go to the video and start from the assigned point. That’s great, but how to make it start like that when embedded to WordPress? All we have to do, is manually change the outputted code that YouTube generated a bit. *To get the URL to show on here without WP actually showing the link, I will be enclosing the link with < and >
Say I want my Adele video to start from the 45 seconds part of the video. If I use YouTubes options it will give me the following URL:
This will show the video embedded into your blog, but will still start from the beginning. EG:
To get around this, we just have to replace a portion of the code. What we will do is remove the end part from the ? through to the end. <http://youtu.be/rYEDA3JcQqw?t=45s>
Now replace the ?t=45s bit of the URL with &start=45s instead to give us <http://youtu.be/rYEDA3JcQqw&start=45s> Obviously remove the < and > brackets.
Now we have the video embedded and starting from where we want it to.
Hope that helps.