HTML5 Video オブジェクトの ontimeupdate イベントに関する質問 (Chrome では無効) _html5 チュートリアルのヒント

Date は HTML5 Video オブジェクトを使用してビデオ再生ページを作成しています。これは、複数の異なる形式のビデオのオンライン再生をサポートしており、多くのイベントを渡すことができます。ビデオの再生を制御します。次の 2 つのリンクを参照してください:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465962.aspx
http://www.w3school.com.cn/html5/ tag_video .asp

Video オブジェクトは、ontimeupdate イベントを通じて現在の再生の進行状況を報告できます。同時に、このイベントを使用して、ビデオの再生状況に基づいてページ上の他の要素を制御することもできます。ビデオ再生の進行に合わせてチャプターを切り替えたり、追加情報を表示したりします。以下に例を示します:

コードをコピーします

コードは次のとおりです:

: 0

;input type= "text" id="seekText" />
例:





コードをコピー

コードは次のとおりです:


video.ontimeupdate = function () { getCurrentVideoPosition();

ただし、上記のコード行は、addEventListener を使用して置き換えることができます。 >

コードをコピー

コードは次のとおりです:

videoPlayer.addEventListener("timeupdate", function () { getCurrentVideoPosition(); }, false);

なぜ ontimeupdate イベントを Chrome の Video 要素に直接ハングできないのかわかりませんが、イベントはaddEventListener メソッド。ただし、addEventListener は IE および Firefox ブラウザーとも互換性があるため、パスするはずです。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。