---
title: HTMLMediaElement.videoTracks
slug: Web/API/HTMLMediaElement/videoTracks
translation_of: Web/API/HTMLMediaElement/videoTracks
---
<div>{{APIRef("HTML DOM")}}{{draft}}</div>

<p><span class="seoSummary"> <strong><code>videoTracks</code></strong> 为 {{DOMxRef("HTMLMediaElement")}} 的只读属性，它是一个 {{DOMxRef("VideoTrackList")}} 列表，列表中包含相应媒体元素的视频轨, 视频轨为{{DOMxRef("VideoTrack")}} 类型对象。</span></p>

<p>它是一个实时列表; 当相应的媒体元素增加或删除视频轨时，返回列表会发生动态的改变。由此你可以监控和检测视频轨发生的变化。学习 {{SectionOnPage("/en-US/docs/Web/API/VideoTrackList", "Event handlers")}} 可以获得更多关于media element 视频轨的知识.</p>

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

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

<h3 id="返回值">返回值</h3>

<p>返回的是一个{{DOMxRef("VideoTrackList")}} 类型值，为相应媒体元素的视频轨列表。可以用访问数组的方法访问这个值，或 {{domxref("VideoTrackList.getTrackById", "getTrackById()")}} 方法访问它.</p>

<p>列表中包含的每一个 {{DOMxRef("VideoTrack")}} 代表其中的一个视频轨。</p>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName("HTML WHATWG", "#dom-media-videotracks", "HTMLMediaElement.videoTracks")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td>No change from {{SpecName("HTML5 W3C")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>



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

<h2 id="See_Also" name="See_Also">See also</h2>

<ul>
 <li>The interface defining it, {{DOMxRef("HTMLMediaElement")}}.</li>
 <li>{{HTMLElement("video")}}</li>
 <li>{{DOMxRef("VideoTrack")}} and {{DOMxRef("VideoTrackList")}}</li>
</ul>