讓背景視頻保持一個場景，直到視頻播放完畢後

Question

首先，偉大的圖書館！真的很享受使用ScrollMagic。太棒了！

其次，我希望這個問題的主題是很清楚......

我想實現：

我有一個場景 - 在全視口的寬度和高度 - 具有引腳，持續時間和補間時間軸設置。補間工作正常，沒有問題。

我也有一個HTML5視頻鋪設在後臺。當進入場景時，這被注入場景容器（關閉自動播放）。我想要做的，畢竟我的補間完成了，背景中的視頻（場景的大小）可以播放，場景仍然固定，直到完成。

問題是，當補間完成時，並且視頻正在播放時，場景會有效結束，因此引腳將被刪除，並且我的下一個場景將滾動到。

在我的視頻播放完畢之前，將場景固定在那裏的最佳方法是什麼？有什麼我想在這裏實現的例子嗎？

我嘗試採取的方向之一是在播放視頻的同時延遲了很多秒的時間來添加空補間。它給出了一些固定，但如果用戶保持滾動，並在播放過程中快速，他們將滾動到下一個場景，視頻還沒有完成...

如果任何人有任何初步的想法，那將是偉大的。我一直在試圖想方設法，但找不到一個優雅的解決方案。

由於提前， 克雷格

Answer 1

HTML 5視頻有一個onended事件在視頻播放完畢，你可以觸發。

// Disable scrolling 
vodObject.play(); 

vidObject.onended=function(){ 
    // Re-enable scrolling 
}; 

也許你可以在視頻開始播放時禁用鼠標滾動，然後當視頻通過使用這個答案提供的方法達到onended重新啓用它：How to disable scrolling temporarily?