HTML5 video 标签浏览器兼容问题

image.png

小示例代码地址： https://github.com/danhuan/video-demo
IE8、火狐、谷歌测试通过。

使用

1.多种格式视频

不可以只有MP4格式，一定要引入Ogg格式视频，否则在火狐上会不兼容报错。
推荐个不错的视频格式转换器，下载地址 ：http://download.csdn.net/detail/danhuan/9905942

2.引入html5media.js

引入html5media.js,可以使

3.如果想要设置视频宽度为百分比%自适应占满容器，注意 video的属性width不可以为百分比%

注意 不可以 直接在 标签里面加width = "100%"，因为

4.如果视频是固定宽高，则可以直接在

正确示例如下：

错误示例如下：

image.png