Video poster not showing full screen

Video poster not showing full screen
.html

   <video  controls="" width="100%" height="100%" poster="assets/imgs/poster.jpg" controlsList="nodownload" no-padding> 
  		<source src="{{item._meta_gallery_images}}"  type="video/mp4" id="bg">
   </video>

.SCSS

 video {
   width:305px;
   height:160px; 
   background:transparent url('assets/imgs/poster.jpg') no-repeat 0 0;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
   background-size:cover;

Please tell me anyone how can i fix that
Thanks