/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 vote305 views1 answer
Append html form element
Html
0 vote360 views1 answer
Status_tag activeadmin
Html
79 votes314 views6 answers
Bootstrap radio button
Html
13 votes303 views2 answers
Html button redirect
Html
0 vote314 views1 answer
Html table td right align
Html
2 votes314 views2 answers
How to enable file input on click on image
Html
0 vote306 views1 answer
Html attribute dynamic value
Html
0 vote383 views1 answer
Fab model
Html
1 vote292 views1 answer
How to set an element affected by tab
Html
1 vote244 views6 answers
Input with bootstrap
Html