Question

这是我的视频：

<video id="video1" autoplay="true" muted="true">
    <source src="videos/test.mp4v" type="video/mp4">
</video>

如果我删除了静音属性，则没有声音！我不知道为什么。但是我想要实现的是当我按下一个按钮时我想要取消静音我的视频。这是我的js代码：

$(".play-pause").click(function(){
        $("#video1").prop("volume", 0.5);
        $("#video1").prop("muted", false);
});

那么，首先要问一下为什么默认情况下我的视频会被静音？第二个问题当我按下按钮时如何取消静音？很多！

Answer 1

要避免默认静音，只需从视频标记中删除“静音”属性即可。要设置音量，请将其放入您的功能中：

var vid1 = $("video");
vid1.volume = 0.5;

Answer 2

使用此代码

$(document).ready(function(){
$("#play-pause").click( function (){
    if( $("#video1").prop('muted') )
    {
        $("#video1").prop('muted', false);
        $("#video1").prop("volume", 0.5);
    }

   else {
    $("#video1").prop('muted', true);
    }

});});

HTML 5视频volumne / muted问题

2 个答案: