Html5 video background, keep center of video in center

Question

I am trying to keep a background video centered regardless of how big the user drags the video. It\'s currently cutting off the right side of the videos when i scroll smalle

Answer 1

So I tested above solutions and couldn't find that one, so here is mine:

video {
      position: fixed;
      left: 50%;
      top: 50%;
      min-width: 100%;
      min-height: 100%;
      transform: translate(50%, -50%);
}