How can I make HTML 5 video playback fit to frame instead of maintaining aspect ratio?

Question

I\'ve been experimenting with HTML5 video playback. For example I have this video object embedded on my page:

Answer 1

If you want the video to fill the entire frame AND maintain its aspect ratio, use the following:

video
{
  object-fit: cover;
  height: 100%;
  width: 100%;
}