Object-fit for videos in EDGE

HTML & CSS
1

For anyone wondering how to make object-fit: cover work in EDGE browsers for videos; i found multiple hacks but the less annoying one if you don’t mind slight distortion is

@supports (-ms-ime-align:auto) {

	.videosize {

		transform: scaleX(2) //you can adapt the variable according to window.innerwidth to make it on point also..
                   // or for Y height 100% usually works
	}

}

Not much hoping it’ll help someone. Cheers

PS: i had this problem when configuring a video background playlist. And it’s better done in css directly because you might run into some conflicts directly in javascript (access refused for some cases)

2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.