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