Shopify themes, liquid, logos, and UX
I have a problem with my custom liquid im trying to make a video background for this webstore and im having trouble with making it work on mobile phones it scales perfect for desktops...
Site(https://rpghd7301gqcman5-71902593314.shopifypreview.com)
!CODE BELOW!
<style>
video {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
}
<video autoplay loop playsinline muted>
<source src="MYFILELINK">
</video>
Solved! Go to the solution
This is an accepted solution.
Hello @ZayMadeThis
I would like to give you the recommendation to support you.
You can try the below code so the video will show full width and autoplay on the mobile:
<video loop="" muted="" playsinline="" autoplay="" src="https://cdn.shopify.com/s/files/1/0349/7472/8236/files/vitakey-gif_3.mp4?v=1591688508" width="100%" height="100%"></video>
I hope the above is useful to you.
Best regards,
GemPages Support Team
Hello,
if you want make auto play on mobile I think you need custom more code jquery for it
function this can make auto play on mobile and desktop, and use some css to fix bug on desktop ver.
You can hire a shopify expert who will surely help you.
You can connect with us, too. We would love to help you out.
thank you
This is an accepted solution.
Hello @ZayMadeThis
I would like to give you the recommendation to support you.
You can try the below code so the video will show full width and autoplay on the mobile:
<video loop="" muted="" playsinline="" autoplay="" src="https://cdn.shopify.com/s/files/1/0349/7472/8236/files/vitakey-gif_3.mp4?v=1591688508" width="100%" height="100%"></video>
I hope the above is useful to you.
Best regards,
GemPages Support Team
yeah no that didnt work here is the actual problem im having
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024