Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
An embedded video can really make a blog post jump off the page. However, you can't use the same techniques you would in Dreamweaver to make it happen. Let me show you a quick way to embed a YouTube video in a blog post without resorting to plug-ins or other add-ons. We'll start by creating a new Post and give it a title Video Production Project Online. Now before I go any further I want to show you the path not to take.
You might think that Upload/Insert link that we see here is the way to go, especially because when I open it up, and I go to From URL, there is a Audio, Video, or Other File option. However, if you follow this process all WordPress will do is add a link to that video or any other media that you're inserting onto your page. While that might be right in some cases, in this particular scenario that's not what we want.
So let me go ahead and cancel this, and now I'm going to add a bit of text here into the post, I'll highlight our Video Production 201 course. Now I want my video to appear below the text, so I'll create a new line, and now we're ready to go out and get our code for the video. Let's switch over to YouTube where I have a Explore California Weekly podcast queued up that I've published. Let me play little bit of that so you can see what's like.
(video playing) All right, that's looks pretty good. Now I'll scroll down a bit here. If I click on Share another window opens up with a number of various options, including the short URL. That's already selected, so all I have to do is press Command+C, Ctrl+C of course to copy it. And that's really all I need from YouTube. You don't need the embed code or anything else. So let's hit back to WordPress, and I'll paste that in and add extra line Return after it.
Now you won't see a representation of the player in the editor just the URL. So let's publish a post and then take a look at it in the browser. There is my title, my text, and my video. Let's check it out by playing it a little bit. (video playing) Same friendly people in California. Everything's looking pretty good.
This code, by the way, use HTML5 compliant with a Flash fallback. So you're covered cross browser and cross-platform. Pretty sweet, aye. So there you have it, a quick and easy way to embed a video on your WordPress page.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.