Javascript 无法选择视频

我正在尝试静音/取消静音我的视频。但首先，我似乎无法选择我的视频。尝试了教程示例和类似问题的答案，但它们都指向选择视频的相同方式。请告诉我这里出了什么问题。多谢各位

<!-- HTML -->
<button id="enableMute" onclick="enableMute()" type="button">Mute</button>
<button id="disableMute" type="button">Enable</button>
<button id="checkMute" type="button">Status</button><br>

<video id="myVideo" width="320" height="176" autoplay loop muted>
    <source src="video/trailer.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

<!-- JS -->
$(function() {
    // seems not being selected. Tried without hash and same result. 
    var vid = $("#myVideo"); 

    //alert works but clearly nothing happening with mute controls
    $("#enableMute").click(function(){
        alert("enableMute");
        vid.muted = true;
        vid.volume = 1.0;
    });

    //alert works but clearly nothing happening with mute controls
    $("#disableMute").click(function(){
        alert("disableMute");
        vid.muted = false;
        vid.volume = 1.0;
    });

    //if i click this button first, the alert is "alert undefined"
    $("#checkMute").click(function(){
        alert('alert: ' + vid.muted); 
    });
}); 

哑巴
使可能
状态

您的浏览器不支持HTML5视频。
$（函数（）{
//似乎未被选择。尝试时没有哈希，结果相同。
var vid=$（“我的视频”）；
//警报可以工作，但静音控件显然不会发生任何情况
$（“#启用”）。单击（函数（）{
警报（“启用”）；
vid.muted=true；
vid.volume=1.0；
});
//警报可以工作，但静音控件显然不会发生任何情况
$（“#禁用”）。单击（函数（）{
警报（“禁用”）；
vid.muted=假；
vid.volume=1.0；
});
//如果我先单击此按钮，则警报为“警报未定义”
$（“#选中静音”）。单击（函数（）{
警报（“警报：”+视频静音）；
});
}); 

正在选择视频并将其放入变量中。使用

.mute

不起作用，您需要使用jQuery的

.prop（）

函数，正如我在中发现的那样。 这应该起作用：

HTML

---

要通过示例视频查看它的运行情况，请转到。

您正在选择变量。只是

.mute

不起作用。

<button id="enableMute" onclick="enableMute()" type="button">Mute</button>
<button id="disableMute" type="button">Enable</button>
<button id="checkMute" type="button">Status</button><br>

<video id="myVideo" width="320" height="176" autoplay loop muted>
    <source src="video/trailer.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

$(function() {
  // Video is being selected
  var vid = $("#myVideo");

  $("#enableMute").click(function() {
    alert("enableMute");
    vid.prop('muted', true);
    vid.prop('volume', 1.0);
  });

  $("#disableMute").click(function() {
    alert("disableMute");
    vid.prop('muted', false);
    vid.prop('volume', 1.0);
  });

  $("#checkMute").click(function() {
    alert('alert: ' + vid.prop('muted'));
  });
});