Streaming live at 10am (PST)

Custom button to unmute Vimeo embed

Hi, is it possible to have a button that unmute Vimeo embed video like this site:

Thank you!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Yes this is possible throught custom code add the following custom code and set video on position absolute. and set muted button position relative and set its z-index: 100 and set video z-index: 0;

<video class="video" autoplay loop>
    <source src="video.mp4" type="video/mp4">
</video>
<button class="mute-video unmute-video"></button>
$("video").prop('muted', true);

$(".mute-video").click(function () {
    if ($("video").prop('muted')) {
        $("video").prop('muted', false);
        $(this).addClass('unmute-video'); // changing icon for button

    } else {
        $("video").prop('muted', true);
        $(this).removeClass('unmute-video'); // changing icon for button
    }
    console.log($("video").prop('muted'))
});
1 Like

Add this in script tag

Does this also work with Vimeo embed? My client’s video is hosted on Vimeo.

Thank you

yes

add video link inside src=""
1 Like

Thank you so much @Moheen, it works perfectly!