代码之家 › 专栏 › 技术社区 › Devin

如何在视口外停止播放html5视频?

skrollr video html

0

Devin · 技术社区 · 11 年前

我在skrollr中遇到了这个问题:一切都很好,然后在添加视频时,即使div有display:none声明,它也会在视口外继续播放。我试着在这里和谷歌上搜索,但什么也找不到,现在我真的迷路了。

作为参考,这是我正在使用的代码:

<div id="seventh" class="view" data-0="display:none;top:0%;" data-27000="display:block;opacity:0;" data-29000="opacity:1;" data-32000="opacity:0;" >

<video id="video" class="video-js vjs-default-skin" controls preload="none" width="1223" height="611" poster="img/poster.jpg" data-setup="{}">
<source src="videos/vid.webm" type='video/webm' />
<source src="videos/vid.mp4" type='video/mp4' />

</video>

</div>

对于如何实现这一点的任何帮助,我们深表感激

1 回复 | 直到 11 年前

1

6

LostInComputer 11 年前

使用

skrollr.init({
    render: function(data) {
        //get current element opacity and position then play or pause the video
    }
});

看见 http://jsfiddle.net/ybP6b/ 对于一个工作示例

推荐文章

Mariana Hernandez · 使用skroller在固定图像背景时“冻结”滚动

9 年前

fxck · skrollrjs常量乘法

10 年前

Yomesh · 如何不将skrollr-js属性应用于另一个div中的一个div?

10 年前

user3961151 · 停止SKROLLR在特定工件上的动画

10 年前

Cameron C · 将jquery值绑定到特定DIV高度

11 年前