苹果系统网页播放代码

2012-11-07 12:10:13

以前浏览器不能直接播放视频，所以需要用插件，比如wmp、real player、flash。而wmp、real player不能跨平台、跨浏览器，flash有时候会导致浏览器卡、崩溃。

现在苹果产品应用越来普及，如果让自己网站上的视频也能够在苹果产品上播放？实现方法如下：

演示页面（外链外部服务器视频文件，较慢）：
http://www.leadto.com.cn/uploads/html5/html5.html

现在浏览器集成了播放器，不再需要插件了，直接能放视频，提高了性能、稳定性、跨平台兼容性。在HTML 4、XHTML 1、HTML5的页面中都能播放。

浏览器能播放哪种格式的视频？各个浏览器不同，有专利格式的，有开源格式的。

具体支持情况如下：

专利格式mp4：Safari（Ipad、Windows、Mac OS）、Chrome、IE9

开源格式webm：Firefox、Chrome、Opera

开源格式ogg：Firefox、Chrome、Opera

如何让视频在所有浏览器上都能播放？如何支持Ipad和IE876？请看下文。

开源方案：webm->flash放webm
视频文件格式：webm

支持：Safari（Windows、Mac OS）、Firefox、Chrome、IE9876、Opera

不支持：Safari（Ipad）

原理：在Firefox、Chrome、Opera中原生播放webm，在Safari（Windows、Mac OS）、IE9876中使用flash播放器播放webm。

优点：webm是开源格式，1个webm即可支持主流浏览器。

缺点：不支持Safari（Ipad），因为Safari（Ipad）不支持flash。

依赖于adobe flash player支持webm，adobe在2010年5月宣称flash player将支持webm，截至2011年4月21日还没有结果。

商业方案：mp4->flash放mp4
视频文件格式：mp4

支持：Safari（Ipad、Windows、Mac OS）、Firefox、Chrome、IE9876、Opera

原理：检测浏览器是否支持播放mp4，不判断浏览器名称，只检测功能。

结果：在Safari（Ipad、Windows、Mac OS）、Chrome、IE9中原生播放mp4，在Firefox、Opera、IE876中使用flash播放器播放mp4。

优点：1个mp4文件，支持所有主流浏览器

缺点：mp4是专利格式，需考虑编码器授权

在线播放演示：整理中（如急需请联系本站QQ：473587358）

代码打包下载：整理中（如急需请联系本站QQ：473587358）

代码（采用公共领域授权，可任意使用）：

html5 video

上一篇：海信地产网站设计完成

下一篇：活动类主题页面的设计