/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

4 votes141 views4 answers
How to make a paragraph in html
Html
74 votes145 views6 answers
Html media query
Html
0 vote138 views1 answer
Csv and html tags
Html
4 votes152 views1 answer
Import ionicons
Html
1 vote148 views1 answer
Chrome remove autocomplete highlight
Html
0 vote196 views1 answer
Vuejs conditional rendering paragraph not working
Html
5 votes156 views2 answers
Display rond logo in angular
Html
1 vote137 views1 answer
How to emphasis in html
Html
0 vote154 views1 answer
Html peseta
Html
0 vote149 views1 answer
Centrr text html
Html