html5视频video不全屏播放

最近项目用到了html5 的video 视频播放。但是视频在我们的div 中居然是左右占满，上下居中的。
这效果如图：

丑不拉几的。效果也不好。满心的纠结啊。
怎么办了。我们通过css 样式进行解决

		<div class="spoy" >
				<!-- 合作伙伴1y -->
						  <video class ="video"  loop="loop" autoplay="autoplay" controls>
			          <source src="mov_bbb.mp4" type="video/mp4">
			          <source src="mov_bbb.ogg" type=