Product video - Hide controls + auto-start + muted | Prestige Theme

Store Design
1

Hi,

I searched for many hours trying to find a solution to show the product video in the most cleanest way without controls, auto start, in loop and muted. Does anyone know where and how to fix this?

I attached a print screen for your reference;

Thank you in advance!

Section Gallery (1).png
Section Gallery (1).png1920×1080 134 KB

2

@Teddy9 - are you putting video CDN url in html video tag? it has options to put autoloop and hide controls

3

Hi,

Thank you for your answer. URL (accept youtube & vimeo) are not accepted, so I upload the video ( (add file) into the CDN and create another product medium between the product images. Does this work as you describe?

4

Hi Teddy9, do you find a solution to mute prestige video products?

i found that they we can do it with an override of the plyr in the theme.css but don’t know how to do it..

Thanks for your help

5

Hello All,

i found how to do it. For video added within shopify

in product-template.liquid

go to → {%- when ‘video’ -%} and add muted: true to

{{- media | video_tag: image_size: ‘1024x’, controls: false -}}

----------------------See Example ---------------

{%- when ‘external_video’ -%}

{{- media | external_video_tag: image_size: '1024x' -}}

{%- when ‘video’ -%}

{{- media | video_tag: image_size: '1024x', controls: false, **muted: true** -}}