/Html/Create an html5 video player from scratch

Create an html5 video player from scratch

Add mute button to html5 video player

$("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'))
});

Source: stackoverflow.com

Create an html5 video player from scratch

$("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'))

Similar codes

10 votes163 views4 answers
Bootstrap progress bar with percentage
Html
3 votes151 views1 answer
Gradient on top of image css
Html
1 vote155 views1 answer
Simple form label
Html
1 vote146 views1 answer
Jsf axonivy sub component
Html
42 votes143 views5 answers
Textarea resize off
Html
0 vote151 views1 answer
Twig default
Html
2 votes214 views2 answers
Move button to right bootstrap
Html
4 votes159 views6 answers
Aos library
Html
20 votes167 views3 answers
Bootstrap navbar-nav
Html
0 vote150 views1 answer
How to change html code with aspx.cs
Html