/* Using fill-available on the max-width property */

/* A box you would like to place the video in*/
.wrapper {
  width: 600px
  height: 300px;
}

.wrapper_video > video {
  width: 100%;
  max-width: -webkit-fill-available;
  max-width: fill-available;
}