/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

0 vote118 views1 answer
Make all fields read only in form
Html
1 vote155 views1 answer
Js on page finished loading
Html
3 votes155 views4 answers
Svg circle
Html
0 vote275 views1 answer
Single div using two tags h5 tag &h6tag
Html
20 votes243 views10 answers
Bootstrap navbar
Html
3 votes160 views2 answers
How to write 2 class in html
Html
23 votes170 views3 answers
Html tag email
Html
-2 votes169 views1 answer
W3c
Html
0 vote273 views1 answer
Button not clickable html
Html
2 votes167 views3 answers
Dropdown bootstrap 5
Html