Question

html的<video>视频如何滚动到了再自动开始播放

html的<video>视频如何滚动到了再自动开始播放，不要循环，目前是自动播放，但滚动到地方差不多都播完了，添加什么代码能滚动到屏幕中间再开始自动播放呢，另外希望结束时定格在最后一帧

Answer 1

第一种针对1个视频比较好用，第二个是视频流页面 中间的视频自动播放
方法一：
$(window).scroll(function () {
if ($(this).scrollTop() >= 730) {
var video = $('video.vw__video');
video[0].play();
}
})
方法二：
var videoList = $('video');
var wHeigt = window.innerHeight;
for(var i = 0; i < videoList.length; i++){
var v = videoList[i];
v.height = $(v).height();
v.top = $(v).offset().top;
}
//sTop加50，是考虑页头的高度，遮档了内容的可视区，这点大家灵活处理
$(document).on('scroll.blogDetail', function(){
var sTop = $(document).scrollTop();
var hasPlay = false;
for(var i = 0; i < videoList.length; i++){
var v = videoList[i];
if(!hasPlay && v.top > (sTop + 50) && (wHeigt + sTop) > (v.top + v.height)){
v.play();
}else{
v.pause();
}
}
});

Answer 2

video标签是没有这个属性的。。。你百度一下别的插件吧