jquery - 如何使用 Jquery 和 Hype 为 HTML5 视频创建音量 slider

Question

当涉及到 Jquery、Javascript 等时，我是一个完全的初学者，但我已经设法在我的页面中使用 Jquery slider 小部件。现在我想让该 slider 控制视频的音量，该视频将作为动画的一部分嵌入到 Tumult Hype 中。我知道 Hype 为视频提供了一个“元素 ID”，我可以从 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;
        }
});

假设视频元素的 ID 为 vid1。