信息动态

网站设计是技术与创意的完美融合!

公司新闻

网站视频如何在苹果Safari上播放?

2012-09-03 16:29:47

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

网站视频如何在苹果Safari上播放? 可以在苹果系统上播放视频的网页代码,方法如下:

青岛网站设计青岛网站制作的HTML网页视频点播方案,想在网页中播放视频?

整理了一个下载包:
网页视频支持苹果系统播放.rar

演示页面:
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)

请注意flow player是GPL授权的,如果有闭源的需要,请购买flow player或者自己编译一个flex播放器,比较简单。

代码(采用公共领域授权,可任意使用):




 
 html5 video


2010 Ruse 360p



 

2010 Inception 720p



 

0532-85810878 473587358 service@leadto.com.cn