使用注意事项:
1 .多种格式的视频
不仅要导入MP4格式,还必须导入Ogg格式的视频。 否则,火狐就不兼容报告错误。 我推荐一个好的视频格式转换器。 下载地址: http://download.csdn.net/detail/Dan Huan/9905942
html5media.js部署
通过引入html5media.js,您可以将兼容的IE
3 .如果要设置自适应完整容器以将视频宽度设置为百分比,请不要将视频属性width设置为百分比
请注意,不要直接将width='100% '放入标签中。 的属性width只支持像素值,不支持百分比。 在Googlefirstbrowser中可以正确显示,但在IE中不兼容,无法播放视频。 如果将视频宽度设置为百分比%的自适应完整容器,则可以使用内部或外部样式进行设置,但不能使用内联样式style='width:100% '设置样式。 否则,与IE不兼容。
4 .如果视频为固定宽度高度,则可以直接设置为属性。 请注意不要添加单位px。 否则,IE就不兼容。
正确的例子如下。
错误的例子如下。
资料来源: https://github.com/Dan Huan/video-demo
请参见-------------------------------------------------
要暂停播放:
$(function () )。
$('.myVideo ' ).click(function ) )。
var myVideo=$(this ) [0];
if(myvideo.Paused ) {
myVideo.play (
}else{
myVideo.pause (;
}
);
() )