是否有任何HTML5或Jquery插件可以显示像这篇文章中的视频

Are there any HTML5 or Jquery plugins that can display videos like in this article?

本文关键字：显示 文章 的视频 任何 HTML5 插件 Jquery 是否      更新时间：2023-09-26

我想做一个像这篇文章一样的网页

http://www.nytimes.com/interactive/2015/04/19/arts/artsspecial/new-whitney-museum.html?_r=1

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

是否有任何插件已经实现了这一点，还是我必须自己做?

你真的不需要一个插件

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

如果高，则播放视频

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