I have a video that automatically autoplays hence it does not need any video controls but the video play button is visible and cannot be removed. How do i permantely disable this feature. I would really appreciate any help. My store url is https://03nkpv-tm.myshopify.com/ . Thank you in advance!
Topic summary
Issue: An autoplaying video still shows a play button overlay that the store owner wants removed on a Shopify theme.
Proposed fix: Hide the overlay via CSS. In Shopify admin go to Online Store → Themes → Actions → Edit code → theme.css, then add at the end: .vimeo-mobile-trigger .icon { display: none !important; } and save.
Context/notes: The selector targets the play icon within an element labeled vimeo-mobile-trigger (the video’s overlay). No Liquid or Shopify Scripts changes are needed; this is a front-end CSS-only solution.
Outcome: A provided screenshot confirms the play button is no longer visible after applying the rule. No adverse effects were reported.
Status: Resolved with the CSS solution; no further follow-ups or disagreements in the thread.
Hello @CameronO
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
.vimeo-mobile-trigger .icon {
display: none !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
1 Like