1. 程式人生 > >頁面滾動到某個位置,視訊開始播放

頁面滾動到某個位置,視訊開始播放

1.控制視訊自動播放昨天想讓頁面滾動到視訊播放器的時候,視訊才自動播放,一開始用的設定autoplay=autoplay,後來發現不行。百度說:jQuery只是操作了DOM的屬性,雖然為標籤成功加上了autoplay屬性,但視訊框架早已經載入完成了,後加上的autoplay屬性對其沒有作用。應使用HTML5 Video自帶的API來控制視訊播放,下面的例子實現了滑鼠懸停到視訊上方自動播放,滑鼠移出後自動暫停的效果:video[0].play() // play() 和 pause() 是HTML5中video自帶的API函式,哈哈,方便吧?

程式碼如下:

$(window).scroll(function () {
    if ($(this).scrollTop() >= 730) {
        var video = $('video.vw__video');
        video[0].play();
    }
})