onprogress イベント

DOM イベント Event オブジェクト

定義と使用法

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

オーディオ/ビデオの読み込み中に以下の順序で以下のイベントが発生します：

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

例

例1

ビデオのダウンロード中にJavaScriptを実行します：

<video onprogress="myFunction()">

自分で試してみてください

例2

音楽のダウンロード中にJavaScriptを実行します：

<audio onprogress="myFunction()">

自分で試してみてください

文法

HTMLでは：

<element onprogress="myScript">

自分で試してみてください

JavaScriptでは：

object.onprogress = function(){myScript};

自分で試してみてください

JavaScriptでは、addEventListener()メソッドを使用して：

object.addEventListener("progress", myScript);

自分で試してみてください

注釈：Internet Explorer 8またはそれ以前のバージョンではサポートしていません addEventListener()メソッド。

技術的詳細

バブル： サポートしていません
キャンセル可能： サポートしていません
イベントタイプ： イベント
サポートするHTMLタグ： <audio> と <video>
DOMバージョン： レベル3イベント

ブラウザのサポート

テーブルの数字は、そのイベントを完全にサポートする最初のブラウザのバージョンを示しています。

イベント Chrome IE Firefox Safari Opera
onprogress サポート 9.0 サポート サポート サポート
DOM イベント Event オブジェクト