使用jquery使用范围输入更改video量

我正在尝试将我的JS代码转换为JQuery，因为我的所有其他代码都在JQuery中并且为了保持一致性，但是我在更改值时更新了范围输入时遇到了问题。

我有以下html：

并试图像这样改变音量：

 $('#volume').change(function() { $('#video-1')[0].volume = $('#volume').attr("value"); }); 

我已经尝试在video元素上使用JQuery中的prop()方法，但这也不起作用

 $('#volume').change(function() { $('#video-1')[0].prop("volume") = $('#volume').attr("value"); }); 

在JS中我使用了一个更改事件，所以我相信这是正确的事件：

 volumeControl.addEventListener("change", function(e) { video.volume = volumeControl.value; }); 

Answer 1

 $('#volume').on('change', function() { $('#video-1').prop("volume", this.value); }); 

小提琴

Answer 2

使用video元素的volume属性。

例如：

 $("#video-1").volume = 0.5; 

或者让你的表单控制它：

 $('#volume').on('change', function() { $('#video-1').volume= this.value; }); 

每w3c：元素的有效媒体音量是音量，相对于0.0到1.0的范围进行解释，其中0.0是静音，1.0是最响亮的设置，其值在增加响度之间。 范围不必是线性的。 最响亮的设置可能低于系统最大的设置; 例如，用户可以设置最大音量。