JqueryとHypeを使用してHTML5ビデオのボリュームスライダを作成するには

Question

Jquery、Javascriptなどについては完全な初心者ですが、私のページでJqueryスライダウィジェットを使用することができました。今私はそのスライダにTumult Hypeのアニメーションの一部として埋め込まれるビデオのボリュームをコントロールしたいと思っています。私はHypeがビデオにHypeの外部から呼び出すことができる「要素ID」を与えていることを知っていますが、このビデオのボリュームコントロールを可能にするためにJquery Slider関数に追加するコードを知る必要があります。 助けてください！

Answer 1

私はこれを使用します。

$('#volSlider').slider({ 
     orientation: "vertical", 
     value: vid1.volume, 
     min: 0, 
     max: 1, 
     range: 'min', 
     animate: true, 
     step: .1, 
     slide: function(e, ui) { 
      vid1.volume = ui.value; 
      if(ui.value > 0) vid1.muted = false; 
     } 
}); 

これは、video要素のIDがVID1ある前提としています。