Вы можете исправить его со всеми браузерами, используя CSS
HTML:
<div class="video-wrapper">
<video width="100%" height="100%" poster="path/your-image.jpg" preload="none" id="videoPlayer">
<source src="http//example.mp4" type="video/mp4">
</video>
</div>
CSS:
.video-wrapper {
height: 100%;
width: 100%;
background: url(path/your-image.jpg) no-repeat center center;
background-size: cover;
}
#index-video {
height: 100%;
width: 100%;
object-fit: cover;
z-index: -100;
right: 0;
bottom: 0;
background: url(path/your-image.jpg) no-repeat center center;
background-size: cover;
overflow: hidden;
}