First time here? First time here? Newsletter Signup Newsletter
651326 Members and growing! | Flash Jobs
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
(10 being the highest)
» Author
Video Professional
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
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: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.