---
title: HTMLMediaElement.videoTracks
slug: Web/API/HTMLMediaElement/videoTracks
tags:
  - API
  - HTML DOM
  - HTMLMediaElement
  - Media
  - Property
  - Reference
  - Tracks
  - Video
  - Video Tracks
  - Web
  - videoTracks
translation_of: Web/API/HTMLMediaElement/videoTracks
---
<div>{{APIRef("HTML DOM")}}{{draft}}</div>

<p><span class="seoSummary">{{DOMxRef("HTMLMediaElement")}} オブジェクトの読み取り専用の <strong><code>videoTracks</code></strong> プロパティは、メディア要素の動画トラックを表すすべての {{DOMxRef("VideoTrack")}} オブジェクトを列挙した {{DOMxRef("VideoTrackList")}} オブジェクトを返します。</span></p>

<p>返されたリストは<em>ライブ</em>です。 つまり、トラックがメディア要素に追加されたり取り除かれたりすると、リストの内容は動的に変化します。 リストへの参照を取得したら、新しい動画トラックが追加されたのか既存のトラックが取り除かれたのかを検出するために変更を監視できます。 メディア要素のトラックリストへの変更を監視する方法の詳細については、{{DOMxRef("VideoTrackList")}} の<a href="/ja/docs/Web/API/VideoTrackList#Event_handlers">イベントハンドラ</a>を参照してください。</p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox">var <em>videoTracks</em> = <em>mediaElement</em>.videoTracks;</pre>

<h3 id="Value" name="Value">値</h3>

<p>メディア要素に含まれる動画トラックのリストを表す {{DOMxRef("VideoTrackList")}} オブジェクト。 トラックのリストは、配列記法や、オブジェクトの {{domxref("VideoTrackList.getTrackById", "getTrackById()")}} メソッドを使ってアクセスできます。</p>

<p>各トラックは、トラックに関する情報を提供する {{DOMxRef("VideoTrack")}} オブジェクトによって表されます。</p>

<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-videotracks", "HTMLMediaElement.videoTracks")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td>{{SpecName('HTML5 W3C')}} から変更なし</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>



<p>{{Compat("api.HTMLMediaElement.videoTracks")}}</p>

<h2 id="See_Also" name="See_Also">関連情報</h2>

<ul>
 <li>これを定義するインターフェース、{{DOMxRef("HTMLMediaElement")}}.</li>
 <li>{{HTMLElement("video")}}</li>
 <li>{{DOMxRef("VideoTrack")}} と {{DOMxRef("VideoTrackList")}}</li>
</ul>