信息动态

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

建站常识

让苹果safari播放网页视频

2012-05-12 01:59:21

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

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

整理了一个下载包：
网页视频支持苹果系统播放.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



 

上一篇：判断浏览器客户端类型(ipad,iphone,android)
下一篇：苹果将推出新的app可视化所见即所得开发工具

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

html和css 青岛网站优化 手机端的网站 微官网带来的好处 企业网站设计 页面设计 青岛品牌网站设计公司哪家好 网站开发 青岛IT资讯 网页设计 网站建设，企业网站建设 IT资讯 微信开发 集团官网 H5 网站的速度 微网站 视觉灵感 插画 青岛网页设计 网站推广 网站建设的步骤有哪些 建站常识 网站制作 网站建设，手机网站 php程序 手机网站建设 力图数字科技 网站改版 轮胎网站设计

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号