0
Q
暫停滾動背景音樂
A
回答
0
如果向下滾動滾動條350px(並在返回頂部時再次播放它),以下示例(普通javascript,無jQuery)會暫停音頻;
window.addEventListener("scroll", myFunction);
function myFunction() {
if (document.body.scrollTop > 350 || document.documentElement.scrollTop > 350) {
document.getElementById("player").pause();
} else {
document.getElementById("player").play();
}
}
body {
background: tomato;
}
<audio controls autoplay loop id=player>
<source src="http://www.youtube.com/audiolibrary_download?vid=7fad087239069cd4" type="audio/mpeg">
</audio>
<p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p><p>scroll</p>
0
可以綁定到scroll
事件到窗口並觸發一個foreach爲$('video')
並調用pause
方法中,當限制和play
時偏移爲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()});
})
相關問題
- 1. 暫停用戶背景音樂
- 2. 暫停/播放背景音樂
- 3. 停止背景音樂
- 4. 如何在Android中錄製音頻時暫停背景音樂
- 5. 在iOS中播放聲音會暫停背景音樂
- 6. 在iOS中暫停/靜音背景音樂
- 7. 背景音樂自動停止
- 8. 背景音樂
- 9. 背景音樂
- 10. IOS:暫停來自ipod的背景音樂
- 11. 如何在播放YouTube視頻時暫停背景音樂
- 12. 如何調用期間暫停背景音樂
- 13. Android背景音樂遊戲在循環播放之前暫停
- 14. 暫停和恢復背景音樂,而其他播放之間
- 15. Java聲音。暫時靜音背景音樂並播放聲音
- 16. SKAction playSoundFileNamed停止背景音樂
- 17. iPhone AVAudioPlayer停止背景音樂
- 18. 停止/只播放背景音樂
- 19. iPhone背景音樂
- 20. 背景音樂Android
- 21. J2ME背景音樂
- 22. 如何停止音樂背景,同時使用音樂服務
- 23. 在JFugue中暫停音樂
- 24. Cordova/Phonegap防止在使用靜音內聯視頻時暫停背景音樂
- 25. Flash聲音動作開始音樂並自動停止背景聲音
- 26. 播放,暫停,停止音樂與UIActionSheet
- 27. 所有活動中的背景音樂
- 28. 背景音樂實現
- 29. Android中的背景音樂
- 30. 百里香背景音樂
作品像一個魅力!非常感謝! –