From virtualMV2015wiki
Jump to: navigation, search
 Home  Flash10 (CS4), HTML/XHTML <



Icon Objectives.png

Objectives : Video

By the end of this page you will be able to:

  1. list the most common video formats on the web, and differentiate between them
  2. use the <embed> tag to insert video with controls into a web page
  3. use the IE tag <dynsrc> to add video with mouse-over into a web page.


Example 1: Example of mpeg file using embed tag


  • name: mmedia/mvstuck.mpg (101KB)
  • width=160 x height=120
<embed src="mmedia/mvstuck.mpg" autostart = "true" border=1 width=160 height=165>

Example 2: Microsoft uses dynsync in Frontpage to play video.

It seems to have varying success even in IE. In this example the mouse needs to be moves over the video to play

<img border="0" dynsrc="mmedia/mvstuck.avi" start="mouseover" width="160" height="120">


  • name: mmedia/mvstuck.avi (606KB)
  • width=160 x height=120

Video Formats

  • Audio Video Interleave (avi)
    • Audio and video Interleaved - standard Windows file (specified 1990). Inefficient in size when compared to newer formats.
    • Uses about 1MB per second for the size shown in 160 x 120
  • Quicktime (mov)
    • Digital video format developed on the Apple Macintosh platform. *Used by Director (which was also developed for the Mac).
    • Also supports a Virtual reality format, QuickTime VR, that can be used to display the inside of a room.
  • Windows movie (wmv)
    • Streaming video introduced to replace avi in 2000. (First released with Win Me). Increasing in popularity
  • Motion Picture Experts Group (mpeg, mpg )
    • Named after an international standards-settings panel responsible for creating and setting standards for various professional grade video technology.
    • MPEG2 is a video compression standard, though like Apples MOV files is ideally suited to sound recordings.
    • MPEG-3 was designed to support high definition TV but this was supported by MPEG-2 (Hence MP3 was used for a sound format).
    • MPEG-4 is being worked on to allow users to manipulate audio & video (as far as I can determine to allow for interactive/multimedia movies).
  • Flash Movie
    • When Flash added the ability to embed/link videos into its player, a whole industry sprung up using videos on the web. YouTube is probably the best known. The big advantage was that the Flash player only supports a limited number of codecs so if you have a Flash video, and the player is installed the movie will play. To play flash movies you will need to call a flash player that links to the external flash video (flv) or has the flash movie embedded.

HTML5 Support

Video support in different browsers can be found at

  • Chrome 14 (2011-09-30) H.264, Ogg Theora, WebM (not MPEG-4)

html: <embed> tag

As covered in sound, the embed tag is supported in both IE and Netscape. For example

<embed src="mmedia/mvstuck.mpg" autostart = "true" border=1 width=160 height=165>

FrontPage uses a different tag when you insert video.

<img border="0" dynsrc="mmedia/mvstuck.avi" start="mouseover" width="160" height="120" controls>

start can be fileopen or mouseover

The attribute controls is "meant" to be possible but doesn’t want to work in IE 5.5!!


Probably the simplest way to add video to your site is to use one of the public services like Youtube and Vimeo. For more information check out the Connected mediapage.


  • Float the mouse over the video and an "Embed" button appears.
<iframe src=";byline=0&amp;
portrait=0" width="400" height="225" frameborder="0" 
webkitAllowFullScreen allowFullScreen></iframe><p>
<a href="">EIT - World Without Limits</a> from 
<a href="">EIT Hawkes Bay</a>
 on <a href="">Vimeo</a>.</p>

Icon References.png References

HTML/XHTML:Video. (2017). In virtualMV's ( Michael Verhaart ) wiki. Retrieved December 17, 2017, from    (zotero)