HTML5、Video、Javascript:ビデオタイムラインを使用してページの動作を制御する

私は次のような問題を抱えています:私はページ内のビデオを表示する必要がありますが、ページのコンテンツと交互にする必要があります。ビデオが再生を停止するたびに、私はdivや何かを表示する必要があります。数秒後、そのDivが消えてビデオが再び再生を開始します。通常のコンテンツとビデオの交替

これはHTML5とJSで可能ですか?どのようにそれを行う上の任意のアイデア?

1

2 答え

Popcorn.js の実装を検討してください。これはMozillaのPopcornプロジェクトの一部です。

フロントページのデモでは、ビデオのタイムコードに応じてHTMLコンテンツを変更するdivが表示されます。

Popcorn.jsは、映画制作者、ウェブ開発者、ウェブ上で時間ベースのインタラクティブメディアを作成したい人のためにJavaScriptで書かれたHTML5メディアフレームワークです。

3
追加された

divを表示するには、ビデオが停止したときにイベントをバインドします( addEventListener( "ended"、function(){false}))。再び。

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript