Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hello All,
How do I get my videos in the media gallery on my product page to play unmuted?
Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Solved it myself.
Added " muted: false " to the product-thumbnail.liquid file:
{% comment %} added - muted: false {% endcomment %} <template> {%- liquid case media.media_type when 'external_video' assign video_class = 'js-' | append: media.host if media.host == 'youtube' echo media | external_video_url: autoplay: true, loop: loop, playlist: media.external_id | external_video_tag: class: video_class, loading: 'lazy' else echo media | external_video_url: autoplay: true, loop: loop | external_video_tag: class: video_class, loading: 'lazy' endif when 'video' echo media | media_tag: image_size: '2048x', autoplay: true, loop: loop, controls: true, preload: 'none', muted: false when 'model' echo media | media_tag: image_size: '2048x', toggleable: true endcase -%} </template>
This is an accepted solution.
Solved it myself.
Added " muted: false " to the product-thumbnail.liquid file:
{% comment %} added - muted: false {% endcomment %} <template> {%- liquid case media.media_type when 'external_video' assign video_class = 'js-' | append: media.host if media.host == 'youtube' echo media | external_video_url: autoplay: true, loop: loop, playlist: media.external_id | external_video_tag: class: video_class, loading: 'lazy' else echo media | external_video_url: autoplay: true, loop: loop | external_video_tag: class: video_class, loading: 'lazy' endif when 'video' echo media | media_tag: image_size: '2048x', autoplay: true, loop: loop, controls: true, preload: 'none', muted: false when 'model' echo media | media_tag: image_size: '2048x', toggleable: true endcase -%} </template>