/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

53 votes283 views5 answers
Bootstrap display none
Html
0 vote255 views1 answer
HOW TO SHOW A ERROR MESSAGE TO USERS IN HTML ON WEBSITE
Html
0 vote277 views1 answer
Navbar styles css
Html
-1 vote305 views1 answer
Html5 input pattern name
Html
-3 votes264 views2 answers
Vue hide
Html
11 votes275 views3 answers
How to create input box in html
Html
2 votes281 views2 answers
Javascript generate pdf from div content jquery
Html
2 votes294 views1 answer
Center p html
Html
0 vote215 views1 answer
Link underline none
Html
6 votes291 views2 answers
Property 'on' does not exist on type 'HTMLElement'.
Html