YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar thomas.p Support Online asked

[Tutorial] Unmute YouTube background video

YouTube background videos will be embedded muted by default in YOOtheme Pro. To change this, follow these steps:

  • open the Website Builder to edit your section
  • set Style: Video and add the link to your YouTube Video in the field below

Image

  • click on the Advanced tba and add an ID to your section, e.g. bgvideo

Image

  • click on the <- (back arrow), save and click on the <- (back arrow) once more
  • go to Settings->Custom Code->SCRIPT and add the following scripts into that field

    <script src="https://www.youtube.com/iframe_api"></script>  
    <script>  
    jQuery(function(){jQuery('#bgvideo iframe').attr('id', 'ytplayer');});  
    var player;  
    function onYouTubeIframeAPIReady() {  
      player = new YT.Player('ytplayer', {  
        events: {  
          'onStateChange': onPlayerStateChange  
        }  
      });  
    }  
    function onPlayerStateChange() {  
        player.unMute();  
        player.setVolume(80);  
    }  
    </script>
    

Image

  • save
  • Tutorial
  • YOOtheme Pro

2 Answers

0

Avatar akmklc answered

What if its vimeo video? :)

Know someone who can answer? Share a link to this question via email or twitter.