在使用video.js插件播放视频时,屏幕窗口的大小是可以调整的,但是海报图片的大小却不能跟着屏幕大小的改变而改变,也无法直接限制它的大小,会导致因上传图片的大小不同而导致布局参差不齐。
解决办法:
详细的video.js的用法可参考:http://www.jq22.com/jquery-info404
<video class='vjs-default-skin' controls preload='none' width='220px' height='158px' poster='' data-setup='{}' >
<source src="http://v.cctv.com/flash/mp4video6/TMS/2011/01/05/cf752b1c12ce452b3040cab2f90bc265_h264818000nero_aac32-1.mp4" type='video/mp4' />
var blocks = document.getElementsByTagName('video');
for (var i=0;i<blocks.length;i++) {
var valuedata = datas[i];
blocks[i].style.background ='transparent url("'+urlpic+valuedata.coverDir+'") no-repeat';
blocks[i].style.backgroundSize='210px 150px';
blocks[i].style.backgroundPosition='5px,0px';
}