Wednesday, September 26, 2012

HTML5 Video

Html5 is a modern code supported by modern browsers such Opera12+ Internet Explorer 10, Mozilla Firefox 14+, Internet Explorer 10 and Google Chrome 18+. This is the video code. The video file should be Webm or mp4 for best support. If you can have your video in both file formats, that's great because then, if one browser doesn't support a file type, it will use the other. The basic code is: 
<video src="videoURL"></video>

If you have mp4 and webm the master code is this:

<video>
  <source src="videoURL.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="videoURL.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
  Sorry, you're using an outdated browser! Upgrade to a fast, free web <a href="http://opera.com">here</a>.
<video>

This is the HTML5 video code. Much more simple than you thought?

Desktop

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Video element20.0
12.0
9.0
12.0
5.1
Posted by at
Labels: , , ,

2 comments:

  1. Anonymous10/5/12, 6:25 PM

    Very descriptivе post, Ι liκeԁ
    thаt а lot. Will therе bе а paгt 2?
    Look into my site : website hosting uk

    ReplyDelete
    Replies
    1. Unknown10/25/12, 3:10 PM

      There is a part two now: http://sethsdiscoveries.blogspot.com/2012/10/html-video-part-2.html

      Delete

Feel free to comment. Keep it nice, polite and on topic. You may link to a site if it contains content relates to the content of whatever post you are commenting on. You may link to a site that only uses, for example, HTML5 video. Remember, on topic!

Subscribe to: Post Comments (Atom)