Remove control panel from video in HTLM code

Technical Q&A
,

Topic summary

A user is experiencing an issue with HTML video code on a Shopify theme. The problem occurs when removing the controls attribute from a video element:

Current behavior:

  • Video with controls: plays on both desktop and mobile
  • Video without controls: plays on desktop but fails on mobile

Code modification:
The user changed from <video width="100%" height="100%" controls autoplay loop> to <video width="100%" height="100%" autoplay loop muted> (adding muted attribute while removing controls).

Status:
The discussion remains open with one respondent requesting the store URL to investigate further. The issue likely relates to mobile browser autoplay policies, which typically require videos to be muted when autoplaying without user interaction.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hello you beautiful people, I could use some help rewrite a simple code(simple for a coder not a layman like me). When I remove the control panel from the video the video don’t play on mobile but works fine on desktop.

Code before removing control panel:

Your browser does not support the video tag.

Code after the control panel is removed:

Your browser does not support the video tag.

Take Care

2

Can you provide the store URL?