HTML5的鸡肋</video>标签

teaxia

2011-06-08 / 2 评论 / 295 阅读 / 正在检测是否收录...

06/08

首先，让我们先来看看这段代码

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>untitled</title> 
</head> 
<body> 
<video controls width="500"> 
<!-- if Firefox --> 
<source src="video.ogg" type="video/ogg" /> 
<!-- if Safari/Chrome--> 
<source src="video.mp4" type="video/mp4" /> 
<!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) --> 
<embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed> 
</video> 
</body> 
</html>

上面这一段HTML5代码，我们可以看出，她其实加载的是同一个视频，但是却为了兼容Safari、Chrome、Firefox 3.6以及IE的支持，同时用了3个视频！

OGG、MPEG4、FLV。

我们知道，FLV是FLASH的格式，现在基本所有装了FLASH插件的浏览器都能够完美支持它！但是，既然HTML5提供了<video>这个标签，为什么不能更好的支持它呢？如果按照上面的方法，我们就要准备3种格式的视频，这无疑来说，是一种资源的浪费！我想，HTML5既然要做的话，就应该做得很好，而不是弄出这种食之无味弃之可惜的鸡肋出来！

HTML5的鸡肋</video>标签

评论 (2)