Hi, Need help to help video controls on this page (helicopter video):
https://fastingsupport.com.au/pages/about
Need help with css will add to page
Topic summary
A user seeks to hide video controls on a Shopify store page featuring a helicopter video.
Two solutions proposed:
-
HTML approach: Locate the video code and manually remove the
controls="controls"attribute from the video element. -
CSS/JavaScript approach: Add custom code to the theme by:
- Navigating to Online Store → Theme → Edit code
- Opening the
theme.liquidfile - Inserting JavaScript before the closing
</body>tag that targets the video element and removes the controls attribute programmatically
Both solutions involve removing the controls attribute, with the second method using a script to automate the process. Screenshots were provided showing code placement examples.
1 Like
Hi @sroz
You have to find the code for your video and remove the controls=“controls”. See image below
Hi @sroz
This is Lucas from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
Hope that my solution works for you.
Best regards,
Lucas| PageFly