HTML Audio/Video DOM volume 属性

示例

将视频音量设置为 20%：

<button onclick="getVolume()" type="button">音量是多少？</button>
<button onclick="setHalfVolume()" type="button">将音量设置为 0.2</button>
<button onclick="setFullVolume()" type="button">将音量设置为 1.0</button><br> 

<video id="myVideo" width="320" height="176" controls>
  <source src="../../../assets/mov_bbb.mp4" type="video/mp4">
  您的浏览器不支持 HTML5 视频。
</video>

<script>
  var vid = document.getElementById("myVideo");
  function getVolume() { 
    alert(vid.volume);
  }
  function setHalfVolume() { 
    vid.volume = 0.2;
  }
  function setFullVolume() { 
    vid.volume = 1.0;
  }
</script>

var vid = document.getElementById("myVideo");
vid.volume = 0.2;

定义和用法

volume 属性设置或返回音频/视频 (audio/video) 的当前音量。

浏览器支持

表中的数字指定了完全支持该属性的第一个浏览器版本。

属性 Property
volume	Yes	9.0	3.5	Yes	Yes

语法

返回音量属性：

audio|video.volume

设置音量属性：

audio|video.volume=number

属性值

值 Value	描述 Description
number	指定音频/视频(audio/video)的当前音量。必须是介于 0.0 和 1.0 之间的数字。示例值： * 1.0 是最高音量（100%。这是默认值） * 0.5 是一半体积 (50%) * 0.0 为静音（与静音相同）

技术细节


返回值:	一个数字，表示当前音量
返回值:	`1.0`

HTML 索引 (字母排序)

GitHub 上编辑此页 2022/05/09