Javascript 无法使用jQuery attr静音HTML5视频

正在尝试使用

attr

静音视频，但无效

HTML

---

但是，当我尝试

prop（）

而不是

attr（）

时，它会起作用。有人能详细解释其背后的原因吗？

您需要切换

video

元素的

mute

属性，而不是属性。试试这个：

let$vid=$（'.preview video'）；
$（'button'）。在（'click'，function（）上{
$vid.prop（'静音'，（i，m）=>！m）；
});
视频{
宽度：300px；
}

切换静音
您需要切换
视频
元素的
静音
属性，而不是属性。试试这个：


let$vid=$（'.preview video'）；
$（'button'）。在（'click'，function（）上{
$vid.prop（'静音'，（i，m）=>！m）；
});
视频{
宽度：300px；
}

切换静音
.attr不会触发事件请参阅中的“属性与属性”部分。这是否回答了您的问题@答案并没有详细解释
prop（）
和
attr（）
之间的区别以及它们的工作原理。您的问题是
prop（）
和
attr（）
如何工作我不确定它如何无法回答您的问题..attr不会触发事件请参阅中的“属性与属性”部分。这是否回答了您的问题@答案并没有详细解释
prop（）
和
attr（）
之间的区别以及它们的工作原理。你的问题是
prop（）&
 <video autoplay muted class='preview-video'>
       <source src='file.mp4' type='video/mp4'>
 </video>


function volumeToggle(button) {
    var muted = $(".preview-video").attr("muted");
    $(".preview-video").attr("muted", !muted)
}