range로 자바스크립트를 이용해서 이걸 움직이면 음량이 조절되게 하는 방법을 모르겠네요. volume을 쓰는것 같은데
답변해 주시면 감사하겠습니다. 뭘 추가하고 해야하는지 자세히 좀 가르쳐주세요~


<!doctype html>
<html>
<head>

</head>
<body>
<video id=video controls width=500 height=300>

<source src="517_younha.mp4" type="video/mp4; codecs="avc1.4D401E,mp4a40.2""></source>
<source src="517_younha.ogg" type="video/ogg; codecs="theora,vorbis""></source>
<embed src="video.wav"></embed>
</video>
<br>
<div id="playtime"></div>

<input type="button" value="재생/일시정지" onclick="play();">
<input type="button" value="큰화면" onclick="big();">
<input type="button" value="기본화면" onclick="normal();">
<input type="button" value="작은화면" onclick="small();">
<input type="button" value="VolumUp" onclick="setVolup();">
<input type="button" value="VolumDown" onclick="setVoldown();">
<input type="button" value="음소거" onclick="mute();">
볼륨: <input type="range" id="od" value="0.5" max="1" min="0" step="0.1" onclick="vol();">

<script type="text/javascript">
  



var v=document.getElementById("video");

v.addEventListener("error",PlayError,false);
v.addEventListener("timeupdate",PlayTime,false);

function PlayError(e)
{
var error=video.error;
alert("에러가 발생하였습니다.(에러코드:"+error.code);
}

function PlayTime(e)
{
document.getElementById("playtime").innerHTML="재생 상태 : "+Math.floor(v.currentTime)+"/"+Math.floor(v.duration);

}



function setVolup(){
v.volume += 0.1;
}

function setVoldown(){
v.volume -= 0.1;
}



function play()
{
if (v.paused)

v.play();
else
v.pause();
}

function big()
{
v.width +=200;
v.height +=200;
}

function normal()
{
v.width =500;
v.height =300;
}
function small()
{
v.width -=200;
v.height -=200;
}

function mute()
{
if(v.muted==false)
v.muted=true;
else
v.muted=false;
}

</script>
</body>
</html>