U Tube

Embedding a video into a web page used to be a real challenge in the early days of the web. You had different formats to chose from, other visitors might not have the proper software installed to see the video, and bandwidth was still limited, as many people were still on dialup. Fast forward to 2011. Most people now have broadband, and although there are still many video formats, the most commonly used method to embed video today is via the Flash player and an .flv file which is provided via an external host, such as YouTube.

On a side note, if you are interested in viewing HTML5-based videos on YouTube, we have written an article specifically about the topic, including specific directions for doing so. And if you are interested in editing YouTube videos and adding annotations, we have an article for that as well.

Now, 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. 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!

Heres an example of a YouTube video that is directly embedded into this page.

How do you do it? When you locate a video youd like to add to your page on YouTube, look below the video for a Share button as shown below.

Once you click the Embed button, you will see the HTML code for embedding the video, as shown below.

By clicking your mouse within the new embed code (in the form field), all the text in that field is highlighted. You then right mouse click in that field, and select Copy from your browsers drop down that will appear when you right click in the field, as shown here:

Heres what the embed code looks like for the video above:

It works in Firefox, MSIE, Chrome, Opera 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.

Not only have the fine folks at YouTube seen fit to allow web developers, bloggers, and even normal people to embed videos directly into their own websites, theyve made some options available so you can customize how the video window looks and behaves. You are able to select a checkbox for each option directly below the spot where the embed code appears.

The other nice feature they provide, located even further below the embed code on the video page, is the ability to sele the size you want the video window to use. YouTube allows you to choose from four sizes, plus a custom size, as shown below:

Some of you may be more interested in adding videos from YouTube to your social networking profile pages or walls, blogs or other pages. YouTube makes that even easier than adding videos manually as shown above. You just follow the same procedure you previously followed and click the Share button like before. If youre hoping to add the video to a Facebook, Twitter or Google+ account, you simply click on the social networking sites icon:

When you do that, a window will open up which will allow you to grant permission to access your social networking account, and it will allow you to add a comment and select the people or lists that will be allowed to view it. If you wish to add it to others, YouTube is equipped to allow you to add it to the following sites:

To access the social networking buttons for these sites, click on the Show More link next to the social networking icons shown above, and you will be presented with the following:

The process is the same as it was for adding a video to Facebook--just click the icon, login and allow access to your social networking account, and submit it. It will be added to your wall, profile or blog just like that--it really cant get any easier.

As you can see, adding a video to your site is not only simple, its versatile! So get out there and start adding videos to your sites! Have fun!

If you enjoyed this article, then you might also like the following that bring your web page to HTML5

With HTML5, music is making a comeback on the Web. In this tutorial we will show you how to create amazing music experiences for visitors to your website--and its as easy as inserting an image.