itRef.cn技术参考网站

当前位置: 主页 > 网站建设 >

html5上通过video标签播放视频文件

时间:2013-09-23 10:01来源:未知 作者:wiwi 点击:
问题描述 html5新增了一个video标签,可以通过设定媒体文件地址,直接通过浏览器播放。然而不同的浏览器所支持的文件格式不一样,参考如下: 浏览器 MP4 WebM Ogg Internet Explorer YES NO NO Chrome YES YES YES Firefox NO 注: Firefox 21以上支持MP4 YES

问题描述

html5新增了一个video标签,可以通过设定媒体文件地址,直接通过浏览器播放。然而不同的浏览器所支持的文件格式不一样,参考如下:

浏览器 MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox NO
注: Firefox 21以上支持  MP4
YES YES
Safari YES NO NO
Opera NO YES YES

问题解决

由上面的表,可以看出并没有哪一个格式兼容所有浏览器,但为了兼容所有浏览器,我们需要使用兼容写法。

  1. <video id="video1" width="480"> 
  2.     <source src="mov_bbb.mp4" type="video/mp4"> 
  3.     <source src="mov_bbb.ogg" type="video/ogg"> 
  4.     您的浏览器不支持 HTML5 影片。
  5.   </video> 

(责任编辑:wiwi) 转载请注明 来源于itRef.cn技术参考网站:
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容