HTML5 CSS3 video

Video File format

File formatFile ExtensionDeveloped byOperating System
Real Audio.rm or .ramReal NetworksWin or Mac
Audio video interleaved.aviMicrosoftwin
Quick Time.movAppleWin (with Plug-in) or Mac
Windows Media Video.wmvMicrosoftWin or Mac(with plug-in)
Moving Picture Expert Group(MPEG).mpg or .mpeg or .mp4Moving Picture Expert GroupWin or Mac
Shockwave Flash.swf or .flvAdobe(Macromedia)Win(with plug-in) or Mac
Flash Movie Authoring File.flaAdobe(Macromedia)Source file when complie to form .swf
Advanced Streaming Format.asfMicrosoftWin(compressed video file)

HTML Play video file - mpg

1. External Media

Play video (show.mpg)
Play video (wave.mpg)

HTML5 embed element

AttributeDescription and Value
srcFile name of the media. (.mp3 or .swf)
typeThe MIME type of the object; use type="audio/mp3" or type="application/x-shockwave-flash"
widthSpecifies the width of the object area in pixels.
heightSpecifies the height of the object area in pixels.
bgcolorOptional: background color of the media. Using hexadecimal color value.
qualityOptional: describes the quality of the media, usually set to "high"
titleOptional: specifies a brief text description.
wmodeOptional: set to "transparent" to configure transparent background.

HTML5 object element

HTML5 video element

AttributeValueDescription
srcfile nameOptional: video file name
typeMIME TypeOptional: The MIME type of the audio file, such as audio/mpeg or audio/ogg
autoplayautoplayOptional: indicates whether audio should start playing automatically; use with caution
controlscontrolsOptional: indicates whether contols should be displayed; recommended
looploopOptional: indicates whether audio should be played over and over
preloadnone, auto, metadataOptional: values: none (no preload), metadata (only donwload media file metadata), and auto (download the media file)
titleOptional: specifies a brief text description.

HTML5 to play a YouTube video (embed, object, video are not working)

External to play YouTube video

The Arch