Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Adding a video clip

You can also use the <img> tag to embed Audio Video Interleave (avi) video clips in your pages. This only works for Internet Explorer but here is an example:

<img src="filmclip.gif" dynsrc="filmclip.avi">

The dynsrc attribute makes it possible to add video clips to pages, but also have non video enabled browsers display still pictures in their place. In our example, Internet Explorer displays the movie "filmclip.avi"; other browsers will display the picture "filmclip.gif".

You can also control the playing of the video clip as follows:

  • The start attribute specifies when the video clip should start to play. It accepts values of fileopen or mouseover. Use fileopen to make the video start to play as soon as it has finished downloading. This is the default value. Use mouseover to make the video start to play when the user moves the mouse over the iamge. You can specify both of these values together
  • The controls attribute is a flag. If set, displays the standard Windows AVI control panel to allow the user to control the display of the video clip
  • If you set the loop attribute to infinite or -1, the video plays continuously.
  • The loopdelay specifies (in milliseconds) how long a video clip will wait between play loops

I think that this use of the <img> tag in Internet Explorer will disappear in later versions and you'll be able to achieve the same thing with the <object> tag (the attributes are different).