/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 vote131 views2 answers
Time in website
Html
0 vote121 views1 answer
Html div specific size
Html
0 vote153 views1 answer
Youtube embed with captions
Html
2 votes137 views1 answer
Html change viewport to smartphone size
Html
2 votes149 views1 answer
Text inside input
Html
111 votes125 views6 answers
How to add an image in html
Html
1 vote152 views1 answer
Html if en change to ltr
Html
38 votes141 views6 answers
Iframe in html
Html
75 votes147 views5 answers
Copyright in html
Html
0 vote151 views1 answer
How to make option colour black in html
Html