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