在Scroll上播放视频，但阻止页面移动
在Scroll上播放视频，但阻止页面移动
提问于 2015-02-27 19:46:40
我使用此代码在用户滚动时播放视频(视频在用户停止滚动时停止播放)，但我希望停止页面滚动，直到视频结束，并且不确定如何实现这一点。
(function() {
var window_height = $(window).height();
var document_height = $(document).height();
var video = $('.landing #video-bg').get(0);
var length = 19; //seconds
var start = window_height;
var end = document_height - start;
$(document).on('scroll', function () {
var position = $(document).scrollTop();
var percent = (position/end);
var currentTime = length*percent;
video.currentTime = currentTime;
});
})();我想要的是停止页面滚动，即使用户滚动。因此，基本上，用户滚动，滚动播放和暂停视频，然后一旦视频到达结束，然后正常的页面滚动继续。
回答 1
Stack Overflow用户
发布于 2015-02-27 19:51:17
您可以在视频播放时向视频添加一个类，例如“播放”，并使用CSS将其固定在适当位置：
video.playing {
position: fixed;
}然后在类不播放时将其删除
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28764387
复制相关文章
相似问题
腾讯云开发者
