Scaling / Resizing video for mobile - Dawn

sofo
Visitor
1 0 0

Hey guys, first of thanks to anyone that takes the time:

 

So I have a video and I finally got it to work on desktop, but on mobile it looks like this:

 

Screenshot 2024-02-23 at 9.34.55 PM.png

 

And for reference here is the code I'm using in the custom liquid container for the video:

 

<style> video {
width: 100%;
height: 100vh;
display: block;
object-fit: cover;
margin: auto;

}
</style>

<video autoplay loop playsinline muted>

<source
src="https://cdn.shopify.com/videos/c/o/v/71c7a278136f49fe8e524589613025ba.mp4">

</video>

 

Hope someone can help, thanks!

Replies 0 (0)