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 6 years, 4 months ago by Guenni007.

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
}

@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')
}

i would recomend you to install a plugin for this purpose, I have made good experiences with YoTuWP.
there is a free version.
See here a little Demo on my page: https://webers-testseite.de/youtubeplayer/
You can have single Video or multiple Video or as input your channel etc.

may i see the livelink – i’m participant as you so you have to make it public or send me an e-mail – see Avatar link
and you have a copy of that edited section.php in your child-theme/shortcodes folder ?

I changed a bit the codes because it is still not necessary to have that overlay class on color-section.
At that time I think it was necessary – with the new Enfold one class at the Color-Section is enough.

• This reply was modified 6 years, 4 months ago by Guenni007.

So everything was new on the page : It has to work with the code before too. But we had the problem on that code the the images in the slider had that button too: https://webers-testseite.de/mute-unmute-video-slide/

Sorry aber das andere machte aus genau dem Grund dann keinen Sinn. Hatte nur etwas mit dem Button bei den Bild Slides zu tun.
Ich nahm daher den Button in das listenelement mithinein.
Was ich jetzt noch testen muss, ist bei anwesenheit von zwei videos ob jeweils nur ein Video gesteuert wird oder beide dann immer gleich.
Ich fürchte da müsste ich eine indexierung der mute unmute buttons einbauen.

Das hatte aber mit deinem funktionieren oder nicht vorher nichts zu tun.

first of all : have you adjusted the code to your settings:
The main thing for that error seams to be that you have forgotten the customID to set – because if that DOM Element does not exist – it is impossible to style it !!!
document.getElementById('customID') etc …
f.e. :

• have you done this (see comment above) : Give a unique ID to the color-section f.e.: customID – or what ever you like – but then it has to be synchronized with the script line mentioned above
• the code above is ment for child-theme functions.php – is that the place where you put in that code
• adjust the url line to define the place where the images are in: var imglocation = "/wp-content/uploads/layerslider/Origami/";
• the code above is for my installation. I don’t want to load it everywhere so i surrounded it by an if-clause concerning to my page-id.
  have you changed it to your page: if(is_page(34024)){

Mein link oben ist auch schon die Enfold 4.5.4 !

PS : ich bin hier Participant wie du!
Daher sehe ich keine Daten aus dem Privat Content Feld

If you got f.e. a masonry gallery from media elements – you can define each a custom link
the lightbox linking is active on that – use flexible masonry and you can use the effects on the images too!
click to enlarge – see right side of each image there is a custom link field !!
You can use each image you like – because we will substitute it by the embeded youtube still image.

See here : https://webers-testseite.de/youtube-videotestseite/

Beneath you can see the jqeuery code to substitute the image with the youtube mq image

you only need this (i did it only for that page – if you like to have it on all pages get rid of if-clause):
in child-theme functions.php

function youtube_fix(){
if (is_page(33150)){
?>
<script>
(function($){ 
  
  $('a.av-masonry-entry[href*="youtube"]').each(function() {
      regex = /(?:youtube(?:-nocookie)?\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|\S*?[?&]v=)|youtu\.be\/)([a-zA-Z0-9_-]{11})/;
      var ID = $(this).attr("href").match(regex)[1];
      $(this).find('img').css('width', '100vw ').attr({
        'src': 'https://img.youtube.com/vi/'+ ID +'/mqdefault.jpg',
        'title': 'Youtube Video ID: '+ ID ,
        'alt': 'youtube-image-'+ ID ,
      });
    });
  
})(jQuery);
</script>
<?php
}
}
add_action('wp_footer', 'youtube_fix');

one thing to mention: use the https://www.youtube.com/watch?v=ID Link

Wir können auch gerne deutsch miteinander kommunizieren.
Auf der Beispielseite habe ich das mp4 eingebunden, – auf Mute ( damit das Autoplay greift ) und nicht im Loop, sonst geht die Slideshow nicht weiter.
Hast du soweit das Tutorial meiner Seite : https://webers-testseite.de/mute-unmute/
soweit befolgt?

PS ich sehe keine Seite home-2

gib doch mal meinen Link in das Videoeingabefeld ein: https://webers-testseite.de/wp-content/uploads/HolsteinBueffel.mp4

Where there’s a will, there’s a way.

And sometimes other participants can learn from each other. Maybe you present your solution.

more than 2 weeks ago ?!

are there any problems understanding the above?
Is it how to install a child-theme ?
please talk to us – we only can help if we got input from you

by the way – if you have custom separator and you like to have the icon in the middle – the distance defines the left and right distance – so with padding etc. you can insert 45% or something like this.