.video-wrapper {
	top: 0; right: 0; bottom: 0; left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; 
 }

 .video-wrapper.four-three{
	padding-top: 66.66%
 }
 
  .video-wrapper video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  .video-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1;
  }


  
  /* 1. No object-fit support: */
  @media (min-aspect-ratio: 16/9) {
	.video-wrapper > video { height: 300%; top: -100%; }
  }
  @media (max-aspect-ratio: 16/9) {
	.video-wrapper > video { width: 300%; left: -100%; }
  }
  /* 2. If supporting object-fit, overriding (1): */
  @supports (object-fit: cover) {
	.video-wrapper > video {
	  top: 0; left: 0;
	  width: 100%; height: 100%;
	  object-fit: cover;
	}
  }