jQuery UI Slider作为Volume Slider

时间:2016-06-06 16:10:06

标签: javascript jquery html5 jquery-ui

我正在基于标准的jQuery UI Slider为FlowPlayer开发自定义音量滑块。 我想要的是帮助将滑块连接到HTML5视频音量控件。

这是启动视频的代码

  <video id="mp3" autoplay>
  <source id="mp3source" src="mysource" type="audio/mp3">

我创建了一个jQuery滑块来控制音量

  $(function() {
    $( "#slider" ).slider();
  });

我是否可以根据滑块的位置操作视频音量?

提前谢谢

1 个答案:

答案 0 :(得分:3)

也许这可以帮助你/给你印象:

$( "#slider" ).on( "slide", function( event, ui ) {
    $('#mp3')[0].volume = Math.round(ui.value / 100);
} );