Javascript 使用范围输入和不使用getElementById更新媒体卷

我有以下HTML代码

---

用来管理音乐曲目的音频。更改后，该值将通过

parseFloat（value）

解析为float，并更新脚本的内部值，该值决定曲目的音量。很明显，我可以编写硬代码，而且它可以工作，但我需要使用输入，以使其用户可靠。Console.logging每次更改时都会记录正确的值，但它不会更改卷，因此我得到了错误

类型错误：分配给HTMLMediaElement.volume的值不是有限浮点值

---

要更改任何

HTMLMEDIALEMENT

的音量，您应该跟踪这些事件：

媒体元素的onloadedmetadata

范围输入的更改

媒体元素的

ontimeupdate

var video=document.querySelector（'video'）；
var input=document.querySelector（'input'）；
var-maxVol；
video.onloadedmetadata=函数（）{
input.max=video.duration；
}
input.onchange=函数（）{
video.currentTime=input.value；
}
video.ontimeupdate=函数（）{
input.value=video.currentTime；
}

JS-Bin

能否显示

myFunction

的代码？这不应该是个问题。只需使用javascript获取输入范围的值并将其设置为mediaElement.volume。