This tutorial deals with how you can embed a YouTube video onto your web page using the Dreamweaver web editor. You can also use this. Dreamweaver is an Adobe software commonly used for web design and document editing. These instructions will explain the process of inserting an Image with. Although you can use Dreamweaver to insert video files directly into a web page, our If you think it’s crazy to have to embed four different video files in four.

Author: Dim Mikazshura
Country: Costa Rica
Language: English (Spanish)
Genre: History
Published (Last): 11 May 2013
Pages: 137
PDF File Size: 18.97 Mb
ePub File Size: 4.76 Mb
ISBN: 751-7-91730-800-3
Downloads: 48334
Price: Free* [*Free Regsitration Required]
Uploader: Arara

This tutorial deals with how you can embed a YouTube video onto your web page using the Dreamweaver web editor. You can also use this same procedure to embed a video hosted with another video sharing service, such as those listed on the Free Video Sharing Services and Hosting page.

This article assumes that you dreamweaaver know how to create a website using Dreamweaver.

If this is not true, you may want to read ijbed following articles first. The Beginner’s A-Z Guide takes you through all the steps needed to starting a website.

Just read the one corresponding to the version you have.

Embedding YouTube in Dreamweaver |

I will also assume that you have already uploaded a video to YouTube or some other video sharing web host. Go to the page where your video is displayed in YouTube, or whatever video imned service you’re using.


You should be able dreamweavver find the “Embed” code for the video. This is the code that you will insert so that the video will appear on your web page. For the curious, the above code was taken from thesitewizard.

Select the code, and copy it to your clipboard.

That is, after selecting the entire block of text in the “Embed” box, click “Edit” on the menu bar and select “Copy” on the menu that appears. Now start Dreamweaver, and load the web page where you want the video to appear, and click the spot on the drreamweaver where the video should be placed.

The blinking text cursor should appear in that location. The simplest way to insert the YouTube code is to switch to Dreamweaver’s “Code” mode, which allows you to see the actual Dreakweaver that is produced by the editor for your web page.

To do this, click the “View” menu, and then select the “Code” menu item dreamweager the menu that appears. The screen should switch from the visual layout displayed by the “Design” mode to show you the “raw” HTML for your page.

embedded image in dreamweaver | Adobe Community

To do this, click the “Edit” menu and select “Paste” from the menu that appears. At the bottom of the page, in the Properties panel, you should see a button labelled “Refresh”. Switch back to the “Design” mode by selecting “Design” from the “View” menu.


Although you won’t be able to view your video clip in Dreamweaver, a placeholder box should be visible on i,bed page. If the position of the box is not satisfactory, for example, if the video is placed on the same line as an existing line of text, you can move that text away by simply hitting the ENTER key or RETURN key if you use a Mac after positioning the cursor at the beginning of the text in question.

Once you’re satisfied, publish your page onto your site and test it by visiting the page with a web browser. Get more free tips and articles like thison web design, promotion, revenue and scripting, from https: Do you find this article useful?

Embedding YouTube in Dreamweaver

You can learn of new articles and scripts that are published on thesitewizard. This article is copyrighted. Please do not reproduce or distribute ikbed article in whole or part, in any form.

To link to this page from your website, simply cut and paste the following code to your web page. This page was last updated on 6 March