javascript - HTML 视频静音按钮

Question

我试图在 javascript 中创建一个函数来使 html 视频静音，并将下面的图标更改为我下载的静音图标。需要帮忙。 javascript 也必须能够与 jquery 一起工作

Answer 1

演示 - http://jsfiddle.net/victor_007/6cc9mhbb/

点击按钮图标会改变

$("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'))
});