Bideo.js – Easy Background HTML5 Videos

Using `object-fit: cover` will make the video resize maintaining its aspect ratio and filling its entire box.

See https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit for more info.

I did try to work around slow network speed (can see in the network_speed_optim branch on github but with the current APIs it's a tough problem to crack.

The current implementation is basic but works well. Suggestions welcome so that I can improve it.

    .bg-video {
      position:    fixed;
      top:         50%;
      left:        50%;
      transform:   translate(-50%,-50%);
      min-width:   100%;
      min-height:  100%;
      width:       auto;
      height:      auto;
      z-index:     -1 

      /* don't set a background color or image on body */
    }