Color Section Background Video – Un Mute / Activate Sound

@ipuls : zunächst mal im Quick Css das hier einstellen – und das andere damit ersetzen.

.custom-mute {
    display: block;
    background-image: url('/wp-content/uploads/2019/02/icons8-mute-unmute-96.png');
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 10%;
    right: 5%;
    z-index: 50;
}

.custom-mute:hover {
    opacity: 0.5;
}

.icon-sound-on {
 background-image:url('/wp-content/uploads/2019/02/icons8-microphone-96.png')
}

Also jetzt habt ihr das Merging entfernt!
Da kann ich jetzt genau sehen, dass dieses Script welches über die child-theme functions.php geladen wird nicht drin ist – not at all.
Bitte also das in die child-theme functions.php:

add_action('wp_footer', 'mute_unmute_background_video');
function mute_unmute_background_video(){
?>
<script type="text/javascript">
(function($) {  
    $('.mute-button').prepend('<div class="custom-mute"></div>');
    $('.avia_video').on('av-mediajs-loaded', function() { 
      var video = $(this).mediaelementplayer();
      video[0].setMuted(true);
      $('.mute-button').on('click', '.custom-mute', function() {
        if(video[0].muted === true) {
          video[0].setMuted(false);
          video[0].setVolume(0.8);
        } else {
          video[0].setMuted(true);
        }   
      });
    });
    
    $('.mute-button').on('click', '.custom-mute', function() {
      $(this).toggleClass("icon-sound-on");
    });
})(jQuery);
</script>
<?php
}

but i can not reach your site now!

aha – now – but the symbol is a little too subtle

and that was a difficult birth

• This reply was modified 5 years, 10 months ago by Guenni007.