如何停止播放視口時播放html5視頻？

Question

我面對skrollr的這個問題：一切都很好，然後當添加一個視頻時，它會繼續播放，如果出了視口，即使div有一個顯示：無聲明。我試圖在這裏搜索和谷歌，但無法找到任何東西，在這一點上，我真的迷路了。

供參考，這是我使用的代碼：

<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> 

就如何實現這一目標的任何幫助非常感激

Answer 1

使用

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

的工作示例見http://jsfiddle.net/ybP6b/