Javascript 是否有任何HTML5或Jquery插件可以显示本文中所述的视频?

Javascript 是否有任何HTML5或Jquery插件可以显示本文中所述的视频?,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我正在尝试制作一个像本文这样的网页 您可以向下滚动文本,当视频占据部分屏幕时,它会自动上升,占据整个屏幕,然后自动播放。它还禁用了一段时间的滚动。如果滚动到顶部,然后再向下滚动,则会重复此过程 是否有任何插件已经实现了这一点,或者我必须自己制作吗?你真的不需要插件来实现这一点 您可以这样做,首先检查scrollTop(到顶部的距离)是否高于视频到顶部的距离 如果更高,我们就播放视频 $(window).scroll(function () { if ($(this).scrollTop

我正在尝试制作一个像本文这样的网页

您可以向下滚动文本,当视频占据部分屏幕时,它会自动上升,占据整个屏幕,然后自动播放。它还禁用了一段时间的滚动。如果滚动到顶部,然后再向下滚动,则会重复此过程


是否有任何插件已经实现了这一点,或者我必须自己制作吗?

你真的不需要插件来实现这一点

您可以这样做,首先检查scrollTop(到顶部的距离)是否高于视频到顶部的距离

如果更高,我们就播放视频

$(window).scroll(function () {
    if ($(this).scrollTop() > $('video#yourVideoId').offset().top) {
       $('video#yourVideoId'').trigger('play');
    }
});

顺便说一句,我真的不喜欢这种效果(从用户体验的角度)。突然(没有警告)页面干扰了我的滚动。但我想这与此无关。