HTML for Turning On Audio?

Hi,
Thank you Guenni007 for your examples, the private page that clbdcnpafe linked to uses a video element with a vimeo video link, and unfortunately the video mute option is from vimeo inside of an iframe. So as you pointed out, the videos must be self-hosted.
Based on Guenni007’s script I modified it some to create a button to enabled the sound on self-hosted videos, this is my example page, and this is what the button looks like:

This is the css for the Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.custom-mute {
    display: block;
    color: #fff;
    font-size: 40px;
    padding: 20px;
    border: solid 2px #fff;
    position: absolute;
    bottom: 50%;
    right: 36%;
    z-index: 50;
}
.custom-mute.sound-on {
	display: none;
}

This is the code for the end of the child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($) {  
    $('.avia-video').prepend('<div class="custom-mute">Click to unmute</div>');
      $('.avia-video').on('click', '.custom-mute', function() {
        $('video').prop('muted', !$("video").prop('muted'));
      });
    
    $('.avia-video').on('click', '.custom-mute', function() {
      $(this).toggleClass("sound-on");
    });
})(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

This doesn’t require any theme files to be modified because it is only for the video element and not a background video in a color section or the slider element as Guenni007’s examples, in these cases please follow Guenni007’s post.

Best regards,
Mike

Hi,
You have a duplicate question open I answered there:
The reference to the “shortcode” folder is what you add to your child theme, the “sections.php” in the parent theme is at: /config-templatebuilder/avia-shortcodes/section/section.php
This will only work with self hosted videos and not on mobile.

Best regards,
Mike