jQuery UI Slider作為音量滑塊

Question

我正在基於標准jQuery UI Slider為FlowPlayer開發自定義音量滑塊。 我想要的是將滑塊與HTML5視頻音量控件連接的一些幫助。

這是啟動視頻的代碼

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

我創建了一個jQuery滑塊來控制音量

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

有沒有一種方法可以根據滑塊的位置來控制視頻音量？

先感謝您

Answer 1

也許這會幫助您/給您留下深刻的印象：

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