html video全屏原理,关于html5的video全屏作为背景的方法

在这里提供两种方法

1.直接用css来实现代码如下：

*{

margin: 0px;

padding: 0px;

}

video{

position: fixed;

right: 0px;

bottom: 0px;

min-width: 100%;

min-height: 100%;

height: auto;

width: auto;

/*加滤镜*/

/*-webkit-filter: grayscale(100%);*/

/*filter:grayscale(100%);*/

}

source{

min-width: 100%;

min-height: 100%;

height: auto;

width: auto;

}

//资源格式自己进行添加

;

2.通过插件，推荐使用ckplayer，然后配置参数，下载地址:www.ckplayer.com

给出一个改变宽度，高度的代码获取：var docH=(document.body.clientHeight||document.documentElement.clientHeight)-20;

var docW=document.body.clientWidth||document.documentElement.clientWidth;

alert(docH);

CKobject.embedHTML5('a1','ckplayer_a1',docW,docH,video,flashvars,support);