These steps are taken from the larger tutorial on embedding video in blogs or websites. They’re repeated here purely for those who need a quick reminder on how to put YouTube and other video in their WordPress blog.
Embedding a YouTube video in WordPress using code
Skip these step if you don’t want to get your hands dirty with code!
To put a YouTube video on your page you need to use the shorthand
(without the quote marks)
For example,
You get the URL one of two ways
1: If you get the video from YouTube itself, copy the URL from the browser address bar
2: If you get the video from someone else’s site, copy the URL (not the "embed code") from the mini console that appears either at the end of the video, or when you click on the large arrow on the bottom right of the video while it is playing.
Using other video sites
Of course Youtube isn’t the only site out there that provides video. Vimeo, which we use for Design Studies (as it allows longer videos and isn’t full of piano-playing cats) is a very good source of design-related videos. It too has "embed" codes and, as with YouTube, WordPress requires you to use a short code:
e.g.
An alternative method for embedding YouTube video
This is the "easy" method for embedding a YouTube video. To use it you still need the URL of the video using the steps described elsewhere.
In the Dashboard, create your new post and put the cursor where you want the video to appear. Then click the "embed video" icon (circled).
Select the "From URL" tab
In the window that appears you have three choices. You can either upload a video from your computer (although in most cases I’d advise you to upload your videos to YouTube or Vimeo first, then embed them, to save storage space on your blog). Or you can embed something you’ve already uploaded from your media library.
But the option we want here is the middle tab: "From URL".
Enter the URL
In the URL box, paste the URL you got either from the YouTube page, or from the mini console I described earlier.
It should look something like the one in the image above.
When you’re done, cliic "Insert into Post".
Your video is now embedded
And you’re done. You should see that the code described in the earlier steps is automatically pasted in where your cursor was. If you want to move your video up or down in the post, just cut and paste the code.
Note that "embedding" in this way is actually a link to the original video, it’s not stored on your blog. So if the video is removed, the link will no longer work.
Also note that this technique doesn’t work with Vimeo so you’ll need to use the technique described above.
