How to remove video control in the Dawn theme?

Hello everyone,

I had added a custom code to my header page in my Shopify theme to display a looping video.

The code:



Your browser does not support HTML5 video.

This code works very well on some android and IOS devices, but it is displaying the control button on two different iPhones I tested on. Like the image below:

Please can someone help me solve this issue?

Thank you

This is how it looks on another device where it works well.

@pgirl

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

Hello,

Thank you so much for reaching out to help.

It doesn’t work on devices like the iPhone XR. Could this be a browser compatibility issue?

Hello, @KetanKumar I discovered that the issue is with iPhone X.R. devices (the video doesn’t play automatically), but I haven’t found a solution yet.

Please can you help?

The preview link: https://e2d0illhqk66diat-55333748886.shopifypreview.com

@pgirl

can you try this code

https://codepen.io/adrianparr/pen/QxMvdj

Hi @KetanKumar , it’s still not working :disappointed_face:

It plays very well on other devices like android.

I don’t know what to do next because most users use iPhone devices.

@pgirl

can you please send that section code?

Not sure if anyone is still looking into this but I’ve had an issue in the past where this happens on mobile for iPhones that are on Low Power Mode

did you solve it ?

@delulu

oh sorry for that issue can you please send store url