锐客网

  1. 首页 > 睿知 > >

浅谈基于HTML5的在线视频播放方案( 二 )

睿知


?Google Chrome 2011年宣布 放弃H.264, 但是“还没兑现” 。可以看出现在主流的仍然是MP4(AVC) ， 但是为了解决“开源阵营”对AVC的摇摆不定 ， 可以选择利用video的多源方案 ， 在AVC的基础上额外提供对webm或ogg的支持：

浅谈基于HTML5的在线视频播放方案

文章插图
浏览器会根据自己的偏好来选择具体加载那种格式的流媒体文件 ， 当然服务端必须对同一个视频提供多种格式的支持 ， 具体可以这么做：
提供一个WebM的视频版本（VP8 Vorbis）
提供一个MP4的视频版本（H.264 AAC(low complexity)）
提供Ogg版本（Theora Vorbis）
服务端推荐使用nginx ， 尽量注意MIME类型的配置正确
旧版本的IE和flash
在html5流行之前 ， 通用的视频播放解决方案是flash和flv（flash从9开始支持h.264的mp4） 。但是随着ios设备的流行 ， flash已经不是万能药了 ， 越来越多的视频网站提供多元的解决方案 ， 而且偏向于html5：也就是说 ， 通过检测agent是否支持html5来决定使用video还是flash 。在面对IE8以下的浏览器时 ， flash几乎是唯一的选择(silverlight的接受度普遍不高) 。
当然针对flash和flv的方案 ， 也有多种实现方法 ， 笔者能够想到的有如下两种：
服务端根据agent的类型 ， 输出不同的html ， 如果支持html5就输出video mp4(avc)和webm（或者ogg） ， 否则输出flash相关的标签或脚本
使用html5shiv和html5-video是IE也能够支持video标签 ， 并且使用Flash播放器来代替原生的video播放 。
将object内嵌在video中：
浅谈基于HTML5的在线视频播放方案

文章插图

推荐阅读


上一篇：消防应急灯照明时间一般为

下一篇：高铁票不用取可以凭身份证上车吗