页面滚动到某个位置,视频开始播放

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

猜你喜欢

转载自blog.csdn.net/qq_37203608/article/details/80675382
今日推荐