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

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值