HTML5，視頻和Javascript：使用視頻時間軸控制頁面行為

Question

我遇到了以下問題：我必須在頁面內顯示視頻，但它需要與頁面內容交替。 每當視頻停止播放時，我都必須顯示div或其他內容。 幾秒鍾后，該div消失，視頻再次開始播放。 在普通內容和視頻之間切換。

HTML5和JS有可能嗎？ 關於如何做的任何想法？

Answer 1

考慮實現Popcorn.js 。 這是Mozilla Popcorn項目的一部分。

首頁上的演示顯示了一個div，其中包含不斷變化的HTML內容，具體取決於視頻的時間代碼。

Popcorn.js是一個用JavaScript編寫的HTML5媒體框架，適用於電影制片人，網絡開發人員以及所有想要在網絡上創建基於時間的交互式媒體的人

Answer 2

在視頻停止播放時綁定一個事件（ addEventListener( "ended", function(){ ... }, false) ）以顯示div，啟動一個計時器，之后div隱藏並重新開始播放視頻。