Javascript HTML视频静音按钮

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

这个问题相当模糊，所以我猜这将回答您的问题。 如果您在HTML中使用视频标记

<video width="320" height="240" controls muted>
  <source src="x" type="video/x">
  <source src="x" type="x">
</video>

用于Java脚本

<video id="myVideo" width="x" height="x" controls>
....
</video>
<button onclick="enableMute()" type="button">Mute sound</button>
<script>
var vid = document.getElementById("myVideo");

function enableMute() { 
    vid.muted = true;
}
</script>

....
静音
var vid=document.getElementById（“myVideo”）；
函数enableMute（）{
vid.muted=true；
}

---

至于你的第二个问题，我不太明白，请详细说明。

这个问题相当模糊，所以我猜这将回答你的问题。 如果您在HTML中使用视频标记

<video width="320" height="240" controls muted>
  <source src="x" type="video/x">
  <source src="x" type="x">
</video>

用于Java脚本

<video id="myVideo" width="x" height="x" controls>
....
</video>
<button onclick="enableMute()" type="button">Mute sound</button>
<script>
var vid = document.getElementById("myVideo");

function enableMute() { 
    vid.muted = true;
}
</script>

....
静音
var vid=document.getElementById（“myVideo”）；
函数enableMute（）{
vid.muted=true；
}

至于你的第二个问题，我不太明白，请详细说明。

演示-

点击按钮后，图标将改变

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

演示-

点击按钮后，图标将改变

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

---

尝试添加您的示例代码，并尝试解释您已经尝试过的内容以及遇到的问题。您可以使用JSFIDLE构建一个示例，在这个示例中，人们可以尝试添加您的示例代码，并尝试解释您已经尝试了什么以及您遇到了什么问题。您可以使用JSFIDLE构建一个示例，人们可以在其中使用我有两个图标，一个是扬声器图标，另一个是静音图标。我想让它们相应地改变我有两个图标，一个是扬声器图标，另一个是静音图标。我想让它们相应地改变，这很完美-我需要补充的是，按钮应该查找最近的视频，而不仅仅是取消所有静音视频的静音，而且非常好。这很完美-我需要补充的是，按钮应该查找最近的视频，而不仅仅是取消所有静音视频的静音，而且非常好。