#VideoPlayerComponent {
	overflow: hidden;
	/* max-height: 37.5vw; */
	/* height: calc(35% * 0.75); */
	max-height: 100%;
	transition: max-height 1s;
	display: flex;
	justify-content: center;
	position: relative;
}

#VideoPlayerComponent .wrapper{
	/* background-color: red; */
	/* position: absolute; */
	width: 100%;
	/* padding-bottom: calc(100% * 0.75) */
}

#VideoPlayerComponent .wrapper .videoElem{
	object-fit: scale-down;
	width: 100%;
	height: 100%;
}

#VideoPlayerComponent .wrapper .videoPoster{
	object-fit: scale-down;
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 0px;
	/* padding-top: calc(35% * 0.75)
	top	0px */
}

@media (orientation: landscape) and (min-device-width : 1024px){
	#VideoPlayerComponent .wrapper{
		width: 60%;
	}
}

/* @media (orientation: portrait) {
	#VideoPlayerComponent {
		max-height: 75vw;
	}
	#VideoPlayerComponent .wrapper{
		width: 100vw;
		padding-bottom: calc(100vw * 0.75)
	} */
	/* #VideoPlayerComponent .videoElem{
		width: 100vw;
	}
	#VideoPlayerComponent .videoPoster{
		width: 100vw;
	} */
/* } */

/* @media (min-aspect-ratio: 3/4) and (max-aspect-ratio: 1/1) and (orientation: portrait) {
	#VideoPlayerComponent {
		max-height: 75vw;
	}
	#VideoPlayerComponent .wrapper{
		width: 80vw;
		padding-bottom: calc(80vw * 0.75)
	} */
	/* #VideoPlayerComponent .videoElem{
		width: 80vw;
	}
	#VideoPlayerComponent .videoPoster{
		width: 80vw;
	} */
/* } */