Putting a video on your website – Part 3 of 3

Written by eric on February 21, 2007. Posted in User Guide, Web Page Tips.

Welcome back. In Part 1 of this series, the process of creating and activating a free YouTube.com account was discussed. Part 2 covered uploading a video from your computer to your YouTube account. Today, we detail the steps for adding your video to your WebSpawner website.

Open your web browser and go to http://www.youtube.com/, and log in with your selected User Name and Password. Near the top of the window, you will see a light blue bar labeled “My: Videos – Favorites – Playlists – Inbox”… click the ‘Videos’ link.

A list will appear of all videos in your account. Click the ‘Edit Video Info’ button under the video which you wish to add to your website. When the screen refreshes, scroll down past the ‘Video Details’ and ‘Date & Location Details’ sections to the ‘Sharing’ section. Near the bottom, look for the ‘Embed HTML’ box. The box will contain code similar to the following:

<object width=”425″ height=”350″><param name=”movie” value=”http://www.youtube.com/v/Oas_T4adSgY”></param><embed xsrc=”http://www.youtube.com/v/Oas_T4adSgY” mce_src=”http://www.youtube.com/v/Oas_T4adSgY” type=”application/x-shockwave-flash” width=”600″ height=”350″></embed></object>

Click inside the box, and select all of the HTML code within the box (use Control-A on Windows computers or Command-A on Macs), then copy that code (Control-C on Windows, or Command-C on Macs).

Open a new browser window (keep the YouTube window open in case you need it again) and log in to your WebSpawner account at http://www.webspawner.com/ with your Account Name and Password. Under Step 1 select the web page to which you would like to add your video and click the ‘Modify’ button under Step 2… or, if you have an Enhanced WebSpawner account, you can click the ‘Create’ button under Step 2 to add a new page to your website.

Scroll down through the Modification or Creation form to the ‘Body Text’ step and click inside the Body Text box, then paste (Control-V on Windows, or Command-V on Mac) the copied HTML code for your YouTube video. Complete the Modification process by clicking ‘Continue’ at the bottom of the form, and then click ‘I Like It’ at the page preview to save and publish your changes. After completing these steps, your website will display your embedded video file, just as our example video appears here:

With the instructions contained in this 3-part series, you can easily share your own original videos on your website for all to see.If you do not have your own website yet, we invite you to create a free web page today with WebSpawner.com.