Everything You Ever Needed To Know About Video Embedding
Filed: Sun, Mar 18 2007 under Programming|| Tags: reference video embedding howto
Video has become ubiquitous on the web, as easy to include as copying and pasting a few lines of text from the video service onto your web page. It's so easy, even a caveman can do it! But if you want to present more than one video per page you'll need to roll up your sleeves, do a little work, and manage the extra videos to make them more presentable and easier to navigate. This reference should make that job a lot easier!
This reference will show you how to manage multiple videos on your web page, how to cancel downloads, create video lists, pop-up video windows, DHTML video windows, and include RSS video feeds directly in your web page. There's even a -- very unique -- autostart reference for the various video services.
The Basics. How-to Embed a single video.
Putting a single video on your web-page is as simple as visiting the page that has the
video you want and looking for that provider's
For example, here is
a Photoshop picture being created on youTube. To the immediate right of the video is
a box and inside that box is a line that reads
Now all you have to do is edit up your web page and paste the code where you'd
like the video to appear. You can do this either by hitting cntrl-v, right-clicking
If everything went ok you should see something like this in your HTML…
<object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/8K_NQe57C-k"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/8K_NQe57C-k" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed> </object>
Which should translate to this in your browser…
That's really all there is to it. If all you want or need is a single video then you're done! If you want more videos, you can keep copying and pasting to put as many videos on the page as you want using just this same technique. Fear-not, however, for on this page you will find all the tricks and tips you need to manage multiple videos on your web page!
If the video above is still downloading and you're ready to move on click here to reset it, then read on to discover how to give this option to your visitors on your own pages!
How-to cancel a video download.
Everyone knows that if you want to get noticed on the net you need to do a top X list. The problem with embedding a bunch of videos on your page is that once the user starts watching one, even if he stops or pauses it, the download will continue in the background which makes moving onto the other videos increasingly difficult.
To illustrate this problem, here are two videos. We'll call them