如何使用Jquery和Hype为HTML5视频创建音量滑块

时间:2012-02-14 01:08:22

标签: jquery html5 video jquery-ui-slider

对于Jquery,Javascript等,我是一个完全的初学者,但我设法在我的页面中使用Jquery滑块小部件。现在我想让滑块控制视频的音量,该视频将作为动画的一部分嵌入到Tumult Hype中。我知道Hype为视频提供了一个'元素ID',我可以从Hype外部调用,但我只需要知道应该添加到Jquery Slider函数的代码,以启用对该视频的音量控制。 请帮助!

1 个答案:

答案 0 :(得分:3)

我用这个:

$('#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;
        }
});

它假设视频元素的ID是vid1。