HTML リファレンスマニュアル

HTML タグ一覧

HTML オーディオ/ビデオ DOM volume 属性

volume はメディアの音量を設定します。

オンラインサンプル

ビデオの音量を 30%：

サンプル

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/video　volume　属性の使用-基本チュートリアル(oldtoolbag.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	規定オーディオ/ビデオの現在の音量。0.0 と 1.0 之间的数字。例値： 1.0 最高音量（デフォルト） 0.5 半音量（50%） 0.0 ミュート

技術的詳細

返り値：	数値、現在の音量を示します。
デフォルト値：	1.0

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

HTML: <template> タグ