/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 vote165 views1 answer
Input type file custom css
Html
2 votes254 views1 answer
Change icon on button click
Html
0 vote254 views1 answer
Cursive text html
Html
1 vote200 views1 answer
How to create js code
Html
0 vote191 views1 answer
Simple website with html and css
Html
0 vote191 views1 answer
Javascript moving text from left to right
Html
0 vote183 views1 answer
Multicolored text in html
Html
178 votes176 views5 answers
Html space tag
Html
0 vote182 views1 answer
Document.getElementById("demo").innerHTML = "Please follow Us on Twitter"; in href link
Html
9 votes174 views2 answers
How to change size of image in html
Html