コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 ビデオ イベント アプリケーションの例_html5 チュートリアルのスキル

HTML5 ビデオ イベント アプリケーションの例_html5 チュートリアルのスキル

WBOY
リリース： 2016-05-16 15:47:31
オリジナル
1450 人が閲覧しました
1. ビデオの時間の長さを取得します

ビデオがビデオに読み込まれるときに、onloadedmetadata イベントを使用してビデオの時間の長さを取得します。

コードをコピーします
コードは次のとおりです。

video.onloadedmetadata = function ( ) {
var vLength = video.duration;
console.log(vLength);


2. 現在のビデオの再生進行状況🎜>ビデオの再生が開始されたら、ontimeupdate イベントを使用してビデオの現在の再生進行状況を取得できます。 ontimeupdate イベントは、ビデオ オブジェクトの currentTime プロパティが変更されるとトリガーされます。 currentTime プロパティは、小数点以下 12 桁までの浮動小数点 10 進数です。



コードをコピーします
コードは次のとおりです。
video.ontimeupdate = function ( ) {
var vTime = video.currentTime
console.log(vTime);
関連ラベル：
html5 video イベント
ソース：php.cn
前の記事：HTML5 形状の色と透明度を指定して長方形を描画する方法 図_html5 チュートリアルのヒント 次の記事：HTML5 の構文とルールの概要
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...
から 2024-04-05 12:57:00
0
1
456
HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...
から 2024-04-02 11:47:56
0
1
275
ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...
から 2024-04-01 20:42:38
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート