It’s paranormal, after the last update of wordpress, the sound is now working, no more error, but it’s like if it was two différents soundtracks at the same time with 1 sec of difference.

Thanks ,

Aryan

Now I have this message in the console:

https://handiamo.com/wp-content/uploads/2021/01/Capture-decran-2021-01-29-a-10.23.25.png

Thanks again for your help!

Best regards

Hello and happy new year everybody.

Any leads on this problem on safari?

Thanks again!

Any leads about this problem in safari? I’m still stuck on this problem…
Thanks a lot!
Aryan

Very strange!!!

https://handidev.necessary.fr/wp-content/uploads/2020/12/Capture-decran-2020-12-18-a-17.38.03.png

Hello,

Thanks for this amazing theme!

I have some troubles to make this solution work.
I followed all the beginning of this forum but the sound mute/unmute button is not working under safari on Mac or iPad.

Second question, (sorry for my English but I wanted to be sure…
It’s not possible to make a video background autoplay direct with sound (the user can mute with the button.)

Here is the code added in function.php:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
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>
	<?php
}

Here is my CSS:

.custom-mute {
	display: block;
	background-image: url('/wp-content/uploads/mute.png');
	background-size: 40px;
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
.custom-mute:hover {
	opacity: 0.5;
}
.icon-sound-on {
	background-image: url('/wp-content/uploads/unmute.png');
}
@media only screen and (max-width: 1290px) {
.custom-mute {
	right: 1%;
        bottom: 1%;
}
}
@media only screen and (max-width: 767px) {
.custom-mute {
	display: none;
}
}

Thanks a lot!
Aryan