volume 設置播放媒體的音量。
將視頻音量設置為 30%:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 volume 屬性使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<p>
<button onclick="getVolume()" type="button">音量是多少?</button>
<button onclick="setHalfVolume()" type="button">將視頻音量設置為 20%</button>
<button onclick="setFullVolume()" type="button">將視頻音量設置為 10%</button>
</p>
<video id="video1" controls="controls">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 HTML5 video 標簽。
</video>
<script>
myVid=document.getElementById("video1");
function getVolume()
{
alert(myVid.volume);
}
function setHalfVolume()
{
myVid.volume=0.3;
}
function setFullVolume()
{
myVid.volume=0.1;
}
</script>
</body>
</html>測試看看 ?/?volume 音量屬性設置或返回音頻/視頻的當前音量。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 volume 屬性。
注意:Internet Explorer 8 及之前的版本不支持該屬性。
設置 volume 屬性:
audio|video.volume=volumevalue
返回 volume 屬性:
audio|video.volume
| 值 | 描述 |
|---|---|
| volumevalue | 規(guī)定音頻/視頻的當前音量。必須是介于 0.0 與 1.0 之間的數(shù)字。 例值:
|
| 返回值: | 數(shù)字值,指示當前的音量。 |
|---|---|
| 默認值: | 1.0 |