Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #599326
    UberStudio
    Participant

    I realize this is a bit out of your jurisdiction, but ThemePunch won’t answer support questions unless you purchase their product directly from them. With very limited JS knowledge, I’m hoping it’s something simple I am overlooking that you may be able to answer.

    I’m following these directions to add an unmute/mute button to my revolution slider header video: http://www.themepunch.com/faq/add-a-muteunmute-button-for-video/

    As you may see from my comment on that post, I can only get it to work to mute an already unmuted video by default. This is not the behavior I need, my header video is muted by default, and I’d like to have an unmute button.

    Any ideas as to why it doesn’t work the way I need, which the article and JS code suggests that it should be possible?

    Here is what my code currently looks like (slightly different from theirs):

    
    var isMuted = true;
     
    jQuery('body').on('click', '.my-mute-btn', function() {
     
        var $this = jQuery(this),
        vid = $this.closest('li').find('video');
     
        // sound on
        if(isMuted) {
     
            $this.html('<i class="fa-icon-volume-up"></i>');
            vid[0].volume = 1;
     
        }
        // sound off
        else {
     
            $this.html('<i class="fa-icon-volume-off"></i>');
            vid[0].volume = 0;
     
        }
     
        isMuted = !isMuted;
     
    });
    

    Thanks!

    #599344
    Christopher
    Moderator

    Hey there,

    Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

    Thank you for your understanding.

  • <script> jQuery(function($){ $("#no-reply-599326 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>