conveylive.com

How To Add a YouTube Video to Your Web Site

Tracy Pettigrue
Tracy Pettigrue
Oct 28, 2009
0 Comments | 2172 Views | 0 Hits


In 1998, embedding videos into a web page was a real challenge. You had different formats to chose from, other visitors might not have the proper software installed to see the video, bandwidth was still limited, as most people were still on dialup. Fast forward to 2008. Most people have broadband, and although there are many video formats, including AVI, MPEG, and Quicktime (mov), the most commonly used method to embed video today is via a Flash player and a .flv file.

If you are into creating your own videos, and want to embed them in your site--it's still a process, but there are tools out that don't require you to be a video expert in order to use them effectively! First, create your video, then you can use something free like Microsoft Windows Movie Maker. Just save it in DV-AVI format, which is one of the options that Movie Maker provides. Next you'll want to use an FLV encoder, such as the Riva Free FLV Encoder. Once you convert your DV-AVI to .flv format using the encoder, you'll have your movie.flv file ready to be added to a Flash video player that you can embed into your page. There are many such Flash players out there, including:

Failing the desire to use any of those players, you can also use one of the free video hosting services, and host your video there, using their own player, speaking of which...

Along comes YouTube...and embedding a video onto a web page becomes as easy as cutting and pasting. When you visit a site that hosts videos, such as YouTube, you are presented with a video box on the page. You can watch the video directly on the page, or the Flash player allows you to view the video full screen, just by clicking a button on the player. As Borat would say..."VERY NICE!!" How much does it cost you to add a video from YouTube to your site? Nada--nothing. They provide the service, and they also provide the bandwidth, so the video is hosted on their servers and uses their bandwidth! Hard to beat a deal like that!

How do you do it? When you locate a video you'd like to add to your page on YouTube, look to the top right (usually in two small form fields) on the page. One form field is labled URL, which is the address of that page itself. The other is labled Embed, and by simply clicking your mouse within that field, all the text in that field is highlighted. You then right mouse click in that field, and select Copy from your browser's drop down that will appear when you right click in the field.

Here's what the embed code for the video above looks like:

<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/GwQMnpUsj8I&hl=en&fs=1">
</param><param name="allowFullScreen" value="true">
</param><param name="allowscriptaccess" value="always">
</param><embed src=http://www.youtube.com/v/GwQMnpUsj8I&hl=en&fs=1
type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344">
</embed></object>

Then, open the source code of your web page, and using a tool such as NotetabPro or Expression Web, paste it into your page (either right click again where you want it, and select Paste, or place the mouse cursor where you want it, and hit Control and V on your keyboard at the same time. The embed code will be thusly deposited into your web page. Save the page, upload it to your web server using an FTP client, and view it in your browser!

It works in Firefox, MSIE, Chrome, and just about any new browser out there. Most browsers come preinstalled with Flash, and if not, the visitor will usually be prompted by the browser to download the appropriate software. If you can see the video above, then you can see any video from YouTube. There are other video providers, and most use the same method of letting users embed video.

So get out there and start adding videos to your sites! Have fun!

Keywords: How To Add a YouTube Video to Your Web Site



Please Signup to comment on this article