How to Remove Download, Playback, and Picture-in-Picture Options on Product Videos?

[premsai]

I’ve added images and videos to my product pages, but I need to disable the download, playback speed control, and picture-in-picture (PiP) options on the videos. Additionally, I am unable to see the navigation arrows on the video slider.

[steve_michael2]

Hi @premsai ,

• Edit the Theme Code

  • Go to Online Store > Themes > Edit Code.
  • Find the section where your product videos are embedded. It might be in a file like product-media.liquid or main-product.liquid.

• Customize the HTML for Videos
  Update the <video> tag to disable specific controls. Use attributes to disable features like download, speed controls, and PiP. For example:

<video controls controlsList="nodownload nofullscreen noremoteplayback" disablePictureInPicture>
    <source src="your-video-url.mp4" type="video/mp4">
</video>

• controlsList="nodownload nofullscreen noremoteplayback": Disables download, fullscreen, and remote playback options.
• disablePictureInPicture: Disables the PiP option.

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[premsai]

Thanks for the suggestion. I followed the steps you mentioned:

1. I checked the files, including product-media.liquid and main-product.liquid.
2. I updated the <video> tag to disable specific controls using attributes like controlslist="nodownload noremoteplayback" disablePictureInPicture.

Unfortunately, the changes didn’t work, and the video controls (download, playback speed, and PiP) are still showing.

Do you have any other suggestions or know what else I could try?Rivaaj Ethnic

[premsai]

Rivaaj Ethnic I have find the main-product.liquid in that i have not find the video tag