First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: Scott Clark

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!

Here's an example of a YouTube video that is directly embedded into this page. Naturally the video is about....how to add videos to your site! He's using Camtasia software, after having created the video himself....much more complicated than the manner I'm showing you here, but I thought it was an appropriate video to include.

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:


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!

» Level Basic

Added: 2009-01-23
Rating: 8 Votes: 2
» Author
Video Professional
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.