Liquid, JavaScript, themes, sales channels
I'll start by saying I know very little-nothing about coding. I'm using the Brooklyn theme and it doesn't natively support video as a slide in a slideshow. I found some code that allowed me to use an mp4 in the slideshow. The video and the images are basically the background of my homepage. The problem is that the video seems to be locked at its native resolution (1080p) and aligned in the top left corner. It works perfectly on a 1080p display but it falls apart on larger 4k displays (video too small) and smaller mobile displays (video too big). I need it to scale the height to fill or shrink based on larger and smaller resolutions and be centered. The images in the slideshow do this just fine.
I'm attaching an image of what my 4k screen looks like that illustrates the problem. You can see that it doesn't fill, it's aligned to the top left, and there's empty grey behind it.
This is the modified code I'm using for the slideshow.
Hello
Can you please share your store's URL so I can take a look?
Thanks
Sure! The site hasn't launched yet, let me know if this link works (this is my first Shopify page).
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024