2011-04-29 91 views
3

调查HTML5视频标签,并研究哪些浏览器支持哪些视频文件类型,以及我最初的想法是事情比仅使用闪存更难。Html5视频和Flash方法

我想知道是否有一些骨架代码已经有人想出做以下(与视频的发展方式相结合):

  1. 如果Flash是可用的,使用它
  2. 如果不是,尝试HTML5视频格式OGG
  3. 如果还是不行,请尝试HTML5视频H.264格式
  4. 如果还是不行,请尝试HTML5视频的WebM格式

基于我所看到的,我认为现在为了适应所有浏览器上的所有用户,需要以4种格式发布视频?如果是这样,这个HTML5视频是一个史诗般的失败!

无论如何,任何想法,流程,链接到图书馆等都受到赞赏。

谢谢 -

+1

+1史诗般的失败。在整理视频专利混乱之前,这是一个很大的PITA – spender 2011-04-29 14:42:26

回答

3

这并不难。您可以为单个<video>标签提供多种来源(多种格式)。

<video width="320" height="240" controls> 
    <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'> 
</video> 

而且是更好的选择是搜索原生HTML5视频第一,然后退回到闪存。您需要的两个fromat是WebM(皇家提供免费,由替代briwsers Mozilla,Opera,Chrome和其他支持)以及大型H.264(IE和Safari)的H.264。您的回退选项(闪光灯)也可以播放H.264。

如果你还没有,我建议你阅读this guide

编辑:

如果您正在寻找最低的共同demoninator那么它肯定暗示H.264通过HTTP。 Flash可以在没有媒体服务器的情况下播放它,它是iOS支持的唯一格式,因此您暂时可以使用单一格式。

即使使用这种单一格式,您也可以在两个工厂团队(Safari和IE)上支持基于HTML5的播放。我知道这个视频标签有点新,但是它们在操作系统中建立在坚实的基础之上。即使在这种状态下,它们也比Flash更好。

所以真正的困境毕竟是第i个替代浏览器。您可以使用两种格式而不是一种格式(以引入WebM),或者您只使用H.264并在非h264浏览器上使用Flash。

这是个人偏好问题(和双重存储成本)。但是现在存储空间一般都是免费的,无论如何,带宽是真正的成本因素。

+0

为什么最好先搜索HTML5?目前Flash是否得到更广泛的支持?或者我错过了一些东西或一些好处? – OneNerd 2011-04-29 17:18:22

+1

@OneNerd如果只有一个或另一个存在,则选择是显而易见的。但是,如果两者都有可能,您希望更喜欢原生播放(HTML5),因为它更安全(没有可能的闪存),并且需要更少的CPU功率(这也意味着电池电量)。 – vbence 2011-04-29 19:50:45

+0

我明白了你的观点,但是根据目前的情况,不会先Flash> HTML5视频意味着我可以不必将视频3次(格式)发布为2(我认为除iPad/iPhone支持闪光灯,因此首先闪光,然后使用iOS支持的HTML5视频格式作为故障转移)。这是可行的,还是我错过了什么?谢谢 - – OneNerd 2011-04-30 16:09:21