Open webdevelukas opened 4 years ago
I wanted to use object-fit: cover on an <video> element in a project but it doesn't work in Samsung Internet Browser. I had a look on a few devices via Browserstack. I used it on the <img> element as well and it works.
object-fit: cover
<video>
<img>
I have a deployed example here: https://nextjs-example.webdevelukas.vercel.app/ And a repository here: https://github.com/webdevelukas/nextjs-example
✅ The expected behaviour: The video has the defined height and the video is covered inside the box.
⚠️ The actual behaviour: The video has full height and is above the text, that shows up after the video.
In other browsers i got the expected behaviour.
Cheers ✌️
I wanted to use
object-fit: coveron an<video>element in a project but it doesn't work in Samsung Internet Browser. I had a look on a few devices via Browserstack. I used it on the<img>element as well and it works.I have a deployed example here: https://nextjs-example.webdevelukas.vercel.app/ And a repository here: https://github.com/webdevelukas/nextjs-example
✅ The expected behaviour: The video has the defined height and the video is covered inside the box.
⚠️ The actual behaviour: The video has full height and is above the text, that shows up after the video.
In other browsers i got the expected behaviour.
Cheers ✌️