Native Video - HTML5

HTML and CSS Reference

In-Depth Information

The Video for Everybody site provides comprehensive details about

bugs and device nuances with HTML5 video: http://camendesign.com/

code/video_for_everybody/ .

Discussion

Beyond specifying the video files themselves, it is good practice to also specify the

MIME type for your video files:

Firefox does not play Ogg video if the MIME type is wrong.

Since file formats are simply containers for different codecs, you should also specify

the compression used:

Including this information speeds up rendering of the video since it indicates what kind

of content the browser is utilizing without the browser having to download a portion

of the file to make its own determination.

Here are some examples of MIME types with codecs:

type="video/ogg; codecs='theora, vorbis'"

type="video/mp4; codecs='avc1.42E01E'"

type="video/webm; codecs='vp8, vorbis'"

Unfortunately, even if you declare your MIME types with the proper codec in your

HTML, there can also be challenges related to the MIME types supported by

your server . If your server isn't configured to support the MIME types your video uses,

there will be playback issues.

You can, however, configure your server to support video MIME types. Information

about Ogg media from the Mozilla Developer Center ( https://developer.mozilla.org/en/

Configuring_servers_for_Ogg_media ) can equally be applied to .webm and .mp4 .