Dreamweaver Templates

Inserting YouTube videos in Dreamweaver

Learn how to insert YouTube movies in Dreamweaver

Inserting YouTube videos in your Dreamweaver page is very simple using just the copy and paste command. The new user friendly YouTube interface makes this possible with the additon of various skin colors and parameters.

Step 1 : Go to YouTube and select your video. On your selected video page you will see just below the video, the 'Embed' tab.

Inserting Youtube videos in Dreamweaver

Step 2 : Click on the 'Embed' tab to collapse a dialog box. In the dialog box you can check your preferences for video player panel color, dimensions and borders.

Each time you you select a preference the 'Embed' code in the copy code panel will be updated.


Step 3 : Copy the 'Embed' code as highlighted above by pressing the 'Control + C' tabs on your keyboard simultaneously. This will copy the code to your clipboard.

Step 4
: Open your html document in Dreamweaver and place your cursor over the area in which you wish to place your YouTube video. The cursor should be blinking.

Screen 3

Step 5 : Now, switch to code view. Your cursor should stll be blinking in the same area of the source html code.

Screen 4

You can adjust the dimensions of the video player to fit in the area chosen.

Screen 6

If you have inserted the code correctly, this is how the page should look in Dreamweaver design view :

Screen 7

Step 6 : Save the html page and preview the document in a browser. This is how your YouTube inserted should look in a browser :

Screen 8

Using the same copy and paste 'Embed' code method you can insert a video from any of the popular video sharing sites. Each one of them has their own 'Embed' tab to copy the code from, usually located right beneath the video. Many of the have more customizable features than YouTube.

Here are the top 10 video sharing sites (not in order) :

Google Video
AOL Uncut Video
MySpace Video

Youtube Integration

Learn how to insert videos and movies in Dreamweaver

Home | Terms of Use | Private Policy | Refund Policy
Copyright 2002 - 2012 Dreamweaver-Templates.net - Dreamweaver© is a registered trademark of Adobe Systems Incorporated.