Skip Navigation
*To search for student contact information, login to FlashLine and choose "My Campus" tab.

Search by campus:

HOW DO I? Embed Video into a Web Page

THE EASY WAY:

Video clips played on the web can be as easy as creating a link from a web page directly to the video file (quicktime, windows media, realmedia, mpeg, whatever) that you placed on the server. Right now, the most popular formats are quicktime and realmedia but you may want to provide your potential viewers with as many choices as possible. Playing video requires that the person viewing the video has the appropriate video player installed on their computer. If they don't they will have to download and install the appropriate player. You should put a link to the site(s) where they can download the player(s) just in case. The links are:

The Free RealOne Player is at: http://www.real.com
The Quicktime Player (for quicktime movies) is at: http://www.apple.com/quicktime/products/qt/
The Windows Media Player 9 (for wmf or mpeg's) is at: http://microsoft.com/downloads

Hint: As I mentioned above, you may want to consider creating the clips in multiple formats so the viewer can choose which one they want to use based on their computer's set-up.

EMBEDDING QUICKTIME VIDEOS INTO A WEB PAGE

The easiest way to embed video into a web page, like the one your seeing to the left (ps.this clip doesn't have sound), is to create a quicktime movie. If your using Dreamweaver, you simply insert the movie like this:

  • Position the cursor in the Design View where you want to insert your quicktime movie. Here, I positioned the curser in the left column of this two column table.
  • From the top menu in Dreamweaver, select: Insert / Media / Plugin
  • Choose your quicktime movie file from the "Select File Window" then click ok. Make sure that your movie is inside your website folder.
  • A plugin icon will appear in the design view... it will be pretty small.
  • In the Properties Window, change the W (width) and H (height) so the plugin icon size is large enough to hold your video clip plus at least an extra 16 pixels height to include the player controls. In this example, the original quictime movie clip was 320x240 but I sized the plugin window to 320x256 to accommodate the player controls.
  • Save your page and upload it and the quicktime movie to your server. Remember to place the movie in the same "relative" position to the page you just created as it was on your "local" computer

If your an html coding junkie or using Netscape Composer, then here's the source code you can copy and paste into a text editor that will embed a quicktime movie into a webpage. Change "yourmovie.mov" to the name of the movie clip that you're using. You may also have to change the dimensions of the window too. Note the really nice feature that it gives the location for the quicktime plugin which opens automatically if the browser doesn't already have it installed.

<embed src="yourmovie.mov" width=320 height=256 autoplay=true controller=true loop=false pluginspage="http://www.apple.com/quicktime/">
</embed>

Here's a sample of an "embeded" quicktime movie

(This animation was created in the SMS for TV2 using 3DStudio Max Software)

REALMEDIA AND WINDOWS MEDIA VIDEOS ON THE WEB:

You can also embed a realmedia clip using the same method as described for Quicktime clips.....but RealMedia people don't really recommend it. What they do recommend is creating a link to the realmedia clip on the server which opens up a Real Media Player to play the video. The same is true for windows media clips. Just create a link to the URL where the clip is located (including the filename of the video clip). The SMS video located on the home page is an example of a windows media clip on a windows media streaming video server.

ONE FINAL WORD ABOUT WEB VIDEO:

Creating the "web video" and Quality vs. Connection considerations

This tutorial doesn't cover how to prepare video for the web.

If you don't know how, don't have the equipment or software or just want some help, come to the SMS. We have a computer set up to capture your video directly into windows media format that's perfect for the web.

If you're doing it yourself, just be aware that you can't put a really large file on the web and expect it to play properly. If your original video was a 720x480 pixel DV-AVI format file, you will need to convert it to a windows media, quicktime, realmedia or mpeg1 format video. Also, the MAXIMUM size for the video is generally 320x240 pixels and you might have to lower the frame rate, increase compression... or whatever it takes to keep the file size and bitrate down so it will play over the web depending on who your target audience is.

In any case, don't expect to deliver anything resembling "broadcast" quality video to your viewers..... at least for now.

-->