HTML 5视频音量/静音问题

HTML 5 video volumne/muted issue

本文关键字：问题 视频 HTML      更新时间：2023-09-26

这是我的视频：

<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);
});

所以，第一个问题是为什么我的视频默认为静音？第二个问题：当我按下按钮时，如何取消视频静音？太多了！

使用此代码

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

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

var vid1 = $("video");
vid1.volume = 0.5;
相关文章：