Object-fit for videos in EDGE

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)

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