Link Video from Youtube

I’m trying to host my videos on a 3rd party site such as YouTube or Vimeo and display them as a full-width background on my site using the video element instead of embed. I’ve tried using Secure HTML5 Video Player, but it places the video in an iframe and doesn’t scale without showing neg. space.

The site is: http://jasmine.supportedns.com/~frontierprec/

Is there a better option or suggests on how to fix it?

This is my css for the video:

#home-vid	{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -400;
}

#home-vid > .fluid-width-video-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-aspect-ratio: 16/9) {
	#vid-bg > .fluid-width-video-wrapper {
    	height: 300%;
    	top: -100%;
	}
}

@supports (object-fit: cover) {
    #vid-bg > .fluid-width-video-wrapper {
      	top: 0;
      	right: 0 !important;
      	width: 100% !important;
      	height: 100% !important;
      	object-fit: cover;
    }
}

Thanx in advance for any and all help!