Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1016036
    jl386
    Participant

    it is on theathleteshome.com the home page video above the header it is right behind the Fit in the text layer “Homes That Fit Your Lifestyle”

    I still did not get an answer in how to add a switch near the bottom of the video to mute the sound.

    #1016047
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .tp-video-play-button {
        display: none !important;
    }

    To display mute button please check this link https://www.themepunch.com/faq/add-a-muteunmute-button-for-video/

    Hope that helps.

    #1016984
    jl386
    Participant

    will that hide the pause button only or will it stop the user from being able to stop the video.

    As an alternative can the pause button be moved to the bottom right of the video instead.

    #1017160
    Friech
    Moderator

    Hi There,

    It looks like you added the video as a layer. Please make your slider background transparent, and then on the Slider Settings: Above Masthead option set the video as the Optional Background Video

    http://prntscr.com/baerhp

    This should automatically mute and hide the video controls.

    Hope it helps, Cheers!

    #1019473
    jl386
    Participant

    obviously you just read the last post and not the entire chain. I want the sound. I had the video as a background but couldn’t get sound and was told to add it to a slide layer. However, I wanted to offer the visitor the option to mute the video but not necessarily to pause it. As an option I would like the pause button moved to the lower right corner so it is out of the way and not obscured by the text.

    #1019517
    Christopher
    Moderator

    Hi there,

    To add mute/unmute button, follow my previous replay https://community.theme.co/forums/topic/video-above-menu-2/page/2/#post-1016047

    Please add this CSS code :

    
    .tp-video-play-button {
        top: 86%;
        left: auto;
        right: 2%;
    }

    Hope it helps.

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