jQuery UI Slider as Volume Slider

Question

I am in the process of developing a custom volume slider for FlowPlayer based on the standard jQuery UI Slider. What I would like is some help connecting the slider with the HTML5 video volume controls.

This is the code that initiates the video

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

I created a jQuery slider to control the volume

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

Is there a way I can manipulate the video volume depending on the slider's position ?

Thank you in advance

score 3 · Answer 1 · edited May 23 '17 at 11:58

3

Maybe this will help you / give you impressions what to do:

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

edited May 23 '17 at 11:58

Community

1
1

answered Jun 06 '16 at 16:20

eXe

662
11
26

jQuery UI Slider as Volume Slider

1 Answers1