Video poster not showing full screen

Ionic Framework ionic-v3
#1

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;

54
Screen Shot 2018-03-15 at 10.34.54.jpg1364×800 138 KB

Please tell me anyone how can i fix that
Thanks

#2