/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

1 vote312 views1 answer
Js cannot copy entire object
Html
4 votes347 views3 answers
Bootstrap 4.5.3
Html
6 votes333 views1 answer
Textarea placeholder
Html
0 vote315 views1 answer
Url trigger click
Html
-1 vote430 views1 answer
Strong and bold difference in html
Html
67 votes361 views3 answers
Bootstrap center divs
Html
0 vote317 views1 answer
Form hide in html
Html
0 vote323 views1 answer
Favicon react render
Html
1 vote331 views2 answers
V-for i down
Html
0 vote313 views1 answer
Reverse ol order html
Html