html {
  background-color: black;
}

body {
  display: grid;
  margin: 0;
  place-items: center;
}

.video-js {
  height: 100vh;
  text-align: center;
  width: auto;
}

/* keep the video from extending past the bottom of the screen in landscape mode
   (mostly for Android) */
@media screen and (max-device-width: 900px) and (max-device-height: 500px) {
  .video-js {
    height: 85vh;
  }
}

.video-js .vjs-tech {
  position: inherit !important;
}