Ecommerce Shopify WordPress Discussion

How To Hide Video Controls In IOS Latest Version(17+)

Is there any way that I can hide the video controls on ios, I have added the video in the product gallery section in shopify, I have already tried few steps, but none of them have worked out. Remove the controls from the video section of main-product.liquid, everywhere else as well, where the controls are mentioned. Added the script in the theme.liquid file. <script > var video = document.querySelector('#MainProduct-template--21546534895895__main'); video.removeAttribute('controls'); </script> added the css in base.css file. video::-webkit-media-controls { display: none !important; opacity: 0; } video::-webkit-media-controls-start-playback-button { display: none !important; } Added the id the video code and added the script in the theme.liquid. {% if media.media_type == "video" %} {{ media | media_tag: image_size: "720x", autoplay: true, loop: loop, preload: "none", id: myvideo, autoplay: true, height: "100%", width: "100%" }} {% else %} <script> document.getElementById('myVideo').addEventListener('play', function() { this.controls = false; }); </script> In android and windows it is working fine, but in iphone it is still showing the controls is there a way through which we can hide it. This is the url where I have added the video in product gallery. https://bolderglow.com/products/glowscape-drawing-kit Thanks
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.