Latest web development tutorials

HTMLオーディオ/ビデオのDOM progressイベント

HTMLオーディオ/ビデオタグリファレンス HTMLオーディオ/ビデオDOMリファレンス

ヒントビデオはでダウンロードされます。

myVid=document.getElementById("video1");
myVid.onprogress=alert("Downloading video");

»をお試しください

定義と使用法

ブラウザが指定されたオーディオ/ビデオをダウンロードしているときに、progressイベントが発生します。

オーディオ/ビデオをロードしているとき、次のイベントが発生したことにより、プロセスが続くことになります。

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. 進捗
  6. canplay
  7. canplaythrough

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザでは、progressイベントをサポートしています。

注:のInternet Explorer 8およびそれ以前のバージョンは、イベントをサポートしていません。


文法

HTMLの場合:

<audio|video onprogress=" SomeJavaScriptCode ">

JavaScriptで:

audio|video .onprogress= SomeJavaScriptCode ;

addEventListener()を使用します。

audio|video .addEventListener("progress", function()
{
//SomeJavaScriptCode
}
);

技術的詳細

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


例

より多くの例

HTML要素の属性をonprogress使用

progressイベントをリッスンするには、addEventListener()を使用


HTMLオーディオ/ビデオタグリファレンス HTMLオーディオ/ビデオDOMリファレンス