I am struggling to make my video frame fill the entire width of the screen. Even though I have tried using CSS, the video container does not stretch to the full width as expected.
https://i.sstatic.net/kxyE0.png
How can I ensure that the video plays across the whole screen width?
Here is a snippet of my HTML and CSS code:
.videoTrainings {
width: 100%;
height: 400px;
background: #fbfbfb;
}
.videoTrainings video {
width: 100%;
height: 100%;
max-width: 100%;
}<div class="videoTrainings">
<video autoplay="autoplay">
<source src="videos/tomprint.mp4" type="video/mp4"/>
</video>
</div>Any suggestions would be greatly appreciated. Thank you!