1、视频尺寸自适应:
视频代码添加以下样式:
height: auto;width: 100%;display: block;
width设置100%,就能达到自适应的效果了,而display:block避免了出现滚动条的情况。
2、添加视频且兼容各浏览器(目前只支持ogg、mp4、webm三种格式,可同时用3种格式,便于各浏览器兼容,默认播放第一个可识别格式)
<video width="320" height="240" controls autoplay>
<source src="movie.ogg" type="video/ogg">//格式一
<source src="movie.mp4" type="video/mp4">//格式二
<source src="movie.webm" type="video/webm">//格式三
<object data="movie.mp4" width="320" height="240">
<embed width="320" height="240" src="movie.swf">//格式四
</object>
此处是供不支持 video 元素的浏览器显示的
</video>
参数说明: