1.直接用css來實現代碼如下
<style type="text/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;
}
</style>
</head>
<body>
//資源格式自己進行添加
<video autoplay="autoplay" loop="loop">
<source src="video/ting.mp4" type="video/mp4" >;
</video>
</body>
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);