HTMLMediaElement.readyState プロパティは、メディアの準備状態を示します。

構文

var readyState = audioOrVideo.readyState;

unsigned short 型。 可能な値は次のとおりです。

定数 説明
HAVE_NOTHING 0 メディアリソースに関する情報はありません。
HAVE_METADATA 1 メタデータ属性を初期化するのに十分なメディアリソースが取得されました。 シークならば例外を発生させません。
HAVE_CURRENT_DATA 2 現在の再生位置にデータがありますが、実際には複数のフレームを再生するのに十分ではありません。
HAVE_FUTURE_DATA 3 現在の再生位置と将来までの少なくともほんの少しの時間のデータが利用可能です(つまり、例えば、少なくとも2フレームの動画)。
HAVE_ENOUGH_DATA 4 十分なデータが利用可能であり、ダウンロードレートが十分に高いため、メディアを中断することなく最後まで再生できます。

この例では、要素 `example` に読み込まれる音声データをリスンします。 その後、少なくとも現在の再生位置が読み込まれているかどうかを確認します。 もしあれば、音声を再生します。

<audio id="example" preload="auto">
 <source src="sound.ogg" type="audio/ogg" />
</audio>
var obj = document.getElementById('example');

obj.addEventListener('loadeddata', function() {

  if(obj.readyState >= 2) {
    obj.play();
  }

});

 

仕様

仕様 状態 コメント
HTML Living Standard
HTMLMediaElement.readyState の定義
現行の標準  
HTML5
HTMLMediaElement.readyState の定義
勧告  

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
readyStateChrome 完全対応 43Edge 完全対応 12Firefox 完全対応 3.5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 43Chrome Android 完全対応 43Edge Mobile 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報

ドキュメントのタグと貢献者

このページの貢献者: Wind1808
最終更新者: Wind1808,