Why doesn't my product page video loop play on mobile?

[Levi_22]

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>

[StudioEnchant]

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">
  </video>
</p>