Hi,
I did change on my section.php file to have : ‘video_mute’ => false.
Then I added that in my functions.php: to be able to change betwwen mute / unmute.
add_action(‘wp_footer’, ‘ava_custom_script’);
function ava_custom_script(){
?>
<script type=”text/javascript”>
(function($) {
$(‘.avia_video’).on(‘av-mediajs-loaded’, function() {
$(‘.av-section-color-overlay-wrap’).prepend(‘<div class=”custom-mute”></div>’);
var video = $(this).mediaelementplayer();
video[0].setMuted(true);
$(‘.av-section-color-overlay-wrap’).on(‘click’, ‘.custom-mute’, function() {
if(video[0].muted === true) {
video[0].setMuted(false);
video[0].setVolume(0.8);
} else {
video[0].setMuted(true);
}
});
});

$(‘.av-section-color-overlay-wrap’).on(‘click’, ‘.custom-mute’, function() {
$(this).toggleClass(“icon-sound-on”);
});
})(jQuery);
</script>

I would like the video to be Muted = false at the beginning, but if I change to video[0].setMuted(flase); , I have an error occuring…

Hi,

That’s perfect for me, but I want my video to be unmute when loading the page, and the button to mute it if the visitor doesn’t want the sound (it’s a video for a music group, so the sound is important !). I tried to invert with video[0].setMuted(false); video[0].setVolume(0.8); under the var declaration, but it doesn’t work… Can you tell me how I can do that please ?

Thank you !