Geek Answers Handbook

HTML5 video and degradation?

I played with an HTML5 video tag and am puzzled by how best to degrade when you cannot support the codec?

For older browsers (or IE) that do not support the video tag, all this is straightforward:

<video width="320" height="240">
  <source src="vid.ogv" type='video/ogg'>
  <source src="vid.mp4" type='video/mp4'>
  <object>
  <!-- Embed Flash video here to play mp4 -->
  <object>
</video>

They will fall and receive a version of Flash (or another alternative, such as an image!)

How about when the browser supports the tag, but not the codec - for example, FireFox 3.5 - and I cannot support OGG (perhaps because I already have extensive H.264 archives):

<video width="320" height="240">
  <source src="vid.mp4" type='video/mp4'>
  <object>
  <!-- Embed Flash video here to play mp4 -->
  <object>
</video>

, FireFox 3.5, - x . FireFox! JavaScript FF3.5 DOM!! !... - , , 'novideo'?

+5
3

... HTML5 - ... , . :

function supports_h264_baseline_video() {
  if (!supports_video()) { return false; }
  var v = document.createElement("video");
  return v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
}

: DOM, . : -)

, , .

+4

- jizer modernizer.It . HTML5 . : http://www.modernizr.com/

+1

, Firefox 3.5 OGG. , -, OGG. VfE JavaScript, , , .

0
source

More articles:


All Articles