Javascript 暂停滚动播放背景音乐
我正在使用HTML5音频标签播放一些背景音乐,我希望当用户滚动超过某个点时音乐暂停,当用户滚动回到顶部时音乐重新开始。。。这可能吗 提前谢谢 以下示例(纯javascript,无jQuery)在向下滚动滚动条350px时暂停音频(并在返回顶部时再次播放)Javascript 暂停滚动播放背景音乐,javascript,jquery,html,html5-audio,Javascript,Jquery,Html,Html5 Audio,我正在使用HTML5音频标签播放一些背景音乐,我希望当用户滚动超过某个点时音乐暂停,当用户滚动回到顶部时音乐重新开始。。。这可能吗 提前谢谢 以下示例(纯javascript,无jQuery)在向下滚动滚动条350px时暂停音频(并在返回顶部时再次播放) window.addEventListener(“滚动”,myFunction); 函数myFunction(){ if(document.body.scrollTop>350 | | document.documentElement.scr
window.addEventListener(“滚动”,myFunction);
函数myFunction(){
if(document.body.scrollTop>350 | | document.documentElement.scrollTop>350){
document.getElementById(“播放器”).pause();
}否则{
document.getElementById(“播放器”).play();
}
}
正文{
背景:番茄;
}
p滚动
滚动 滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动您可以绑定到窗口的滚动事件,并触发每个视频代码()
和调用暂停
方法,当限制和播放
偏移量为0时
$(window).on('scroll',function(e){
if (document.body.scrollTop === 0) $('video').forEach(function(){this.play()});
if (document.body.scrollTop > 100) $('video').forEach(function(){this.pause()});
})
工作起来很有魅力!谢谢!