Video Loop Does Not Play On Mobile

1 0 0

Hey everyone, I was wondering if anyone knows how to add a looping video on the product page.

I used the code below but the video doesn't work on mobile only on desktop.

<p style="text-align: center;"><video loop="loop" muted="" autoplay="autoplay" preload="" id="vid" style="max-width: 100%; outline: none; height: auto;" outline="none"> <source src="VIDEO.LINK" autoplay loop muted playsinline></video> </video></p>

Reply 1 (1)
Shopify Partner
242 40 38

Hey @Levi_22,

Please try the following code:

<p style="text-align: center;">
  <video loop muted autoplay playsinline preload id="vid" style="max-width: 100%; outline: none; height: auto;">
    <source src="VIDEO.LINK" type="video/mp4">
If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp

Click here to enjoy 3 months of Shopify for $1/month on select plans.