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

Question

我遇到以下問題：我必須在頁面內顯示視頻，但需要與頁面內容交替。每當視頻停止播放時，我必須顯示div或其他內容。幾秒鐘後，該div消失，視頻又開始播放。在正常內容和視頻之間交替。

這可能與HTML5和JS？任何想法如何做到這一點？

Answer 1

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

Answer 2

考慮實施Popcorn.js。這是Mozilla的爆米花項目的一部分。

首頁上的演示顯示了一個根據視頻的時間碼更改HTML內容的div。

Popcorn.js是HTML5媒體框架用JavaScript編寫的電影製片人，網絡開發人員和誰想要在網絡上創建基於時間的互動媒體