Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In this course, author Joseph Lowery shows how to combine the utility of WordPress and the power of Adobe Dreamweaver to transition existing websites to the WordPress platform. The course demonstrates how to create new blog posts and pages, customize WordPress themes, and extend WordPress editable pages from within Dreamweaver. It also covers how to add Spry elements, add and customize plugins, and enhance WordPress-stored content with Dreamweaver's dynamic pages. Plus, a chapter on responsive design shows how you can adapt your layouts for tablets and mobile devices.
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.
Find answers to the most frequently asked questions about Dreamweaver and WordPress: Core Concepts.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.