Product Video Autoplay Not Working on Mobile

Hi,

The video in the product detail does not play automatically on mobile.

Here is the code in the media.liquid file:
{{ media | media_tag: image_size: ‘1024x’, loop: section.settings.enable_video_looping, controls: false, autoplay: true, mute: true, muted: muted, preload: metadata, aspect-ratio: media.aspect_ratio }}

The above code gives this output:

![Screenshot 2023-08-03 at 23.19.40.png|1998x82](upload://5FmbYzDMazltFru9qZQ8cnTlX7i.png)

Example 1: This is how the relevant video code works on this site and plays automatically on mobile. https://www.magdabutrym.com/eu/product/pf23-dress-16-black

![Screenshot 2023-08-03 at 23.21.38.png|1560x330](upload://rqyZxWNvufg7JPz13tsTi74tU8D.png)

Example 2: This is another working example and the same as the top non-working code.

https://fleurdumal.com/products/venus-lace-robe-black

![Screenshot 2023-08-03 at 23.31.17.png|1932x138](upload://cfNAsnUsl57fz17Vcj1QIAOlqzS.png)

How can I change the top code to be like in the example? Or any idea why the video is not autoplay on mobile?

Thank you