--- title: HTMLMediaElement.networkState slug: Web/API/HTMLMediaElement/networkState tags: - API - HTML DOM - Property - Read-only - Web translation_of: Web/API/HTMLMediaElement/networkState --- <div>{{APIRef("HTML DOM")}}</div> <p><span class="seoSummary"><strong><code>HTMLMediaElement.networkState</code></strong> プロパティは、ネットワークを介したメディアの現在の取得状況を示します。</span></p> <h2 id="Syntax" name="Syntax">構文</h2> <pre class="syntaxbox">var networkState = audioOrVideo.networkState;</pre> <h3 id="Value" name="Value">値</h3> <p><code>unsigned short</code> 型。 可能な値は次のとおりです。</p> <table class="standard-table"> <thead> <tr> <th scope="col">定数</th> <th scope="col">値</th> <th scope="col">説明</th> </tr> </thead> <tbody> <tr> <td><code>NETWORK_EMPTY</code></td> <td>0</td> <td>まだデータがありません。 また、<code>readyState</code> は <code>HAVE_NOTHING</code> です。</td> </tr> <tr> <td><code>NETWORK_IDLE</code></td> <td>1</td> <td><code>HTMLMediaElement</code> はアクティブで、リソースを選択しましたが、ネットワークを使用していません。</td> </tr> <tr> <td><code>NETWORK_LOADING</code></td> <td>2</td> <td>ブラウザーは <code>HTMLMediaElement</code> のデータをダウンロードしています。</td> </tr> <tr> <td><code>NETWORK_NO_SOURCE</code></td> <td>3</td> <td><code>HTMLMediaElement</code> の <code>src</code> が見つかりません。</td> </tr> </tbody> </table> <h2 id="Examples" name="Examples">例</h2> <p>この例では、音声要素が再生を開始するのを待機してから、まだデータを読み込んでいるかどうかを確認します。</p> <pre class="brush: html"><audio id="example" preload="auto"> <source src="sound.ogg" type="audio/ogg" /> </audio> </pre> <pre class="brush: js">var obj = document.getElementById('example'); obj.addEventListener('playing', function() { if (obj.networkState === 2) { // 読み込み中... } }); </pre> <h2 id="Specifications" name="Specifications">仕様</h2> <table class="standard-table"> <tbody> <tr> <th scope="col">仕様</th> <th scope="col">状態</th> <th scope="col">コメント</th> </tr> <tr> <td>{{SpecName('HTML WHATWG', "#dom-media-networkstate", "HTMLMediaElement.networkState")}}</td> <td>{{Spec2('HTML WHATWG')}}</td> <td> </td> </tr> <tr> <td>{{SpecName('HTML5 W3C', "embedded-content-0.html#htmlmediaelement", "HTMLMediaElement.networkState")}}</td> <td>{{Spec2('HTML5 W3C')}}</td> <td> </td> </tr> </tbody> </table> <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> <p>{{Compat("api.HTMLMediaElement.networkState")}}</p> <h2 id="See_Also" name="See_Also">関連情報</h2> <ul> <li>これを定義するインターフェース、{{domxref("HTMLMediaElement")}}。</li> </ul>