HTML Reference Manual

HTML Tag Reference

HTML Audio/Video DOM volume attribute

volume sets the volume of the playback media.

Online Example

Set video volume to 30%：

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Audio/Video volume attribute usage-Basic Tutorial(oldtoolbag.com)</title>
</head>
<body>
<p>
　　<button onclick="getVolume()" type="button">What is the volume?<>/button>
　　<button onclick="setHalfVolume()" type="button">Set video volume to　20%</button>
　　<button onclick="setFullVolume()" type="button">Set video volume to　10%</button>
</p>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Your browser does not support HTML5　video tag.
</video>
<script>
myVid = document.getElementById("video"1");
function getVolume()
{　
　　alert(myVid.volume);
}　
function setHalfVolume()
{　
　　myVid.volume=0.3;
}　
function setFullVolume()
{　
　　myVid.volume=0.1;
}　
</script>
</body>
</html>

Test and see ‹/›

Definition and Usage

volume volume property sets or returns audio/The current volume of the video.

Browser Compatibility

IEFirefoxOperaChromeSafari

All major browsers support the volume attribute.

Note:Internet Explorer 8 and earlier versions do not support this attribute.

Syntax

Sets the volume attribute:

audio|video.volume=volumevalue

Returns the volume attribute:

audio|video.volume

Attribute value

Value	Description
volumevalue	Specify audio/The current volume of the video. It must be between 0.0 and 1A numeric value between .0 Example value: 1.0 Maximum volume (default) 0.5 Half volume (50%） 0.0 Muted

Technical Details

Return value:	A numeric value indicating the current volume.
Default value:	1.0

　HTML Audio/Video DOM Reference Manual

HTML: <template> tag