/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

212 votes350 views6 answers
Open link in new tab html
Html
3 votes262 views2 answers
HTML Start Example
Html
23 votes267 views4 answers
Bootstrap 5 vertical align
Html
6 votes270 views3 answers
Bootstrap 5 horizontal rule
Html
1 vote258 views1 answer
Textfeld erstellen html
Html
0 vote278 views1 answer
How to change language to django-html on vscode
Html
8 votes244 views2 answers
Flutter Html text color
Html
51 votes301 views4 answers
Add link to text html
Html
2 votes239 views1 answer
Htlm link
Html
0 vote240 views1 answer
Listen on contenteditable
Html