HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML 音頻/視頻 DOM textTracks 屬性

HTMLMediaElement對(duì)象上的只讀textTracks屬性返回一個(gè)TextTrackList對(duì)象，該對(duì)象列出所有代表媒體元素文本軌道的TextTrack對(duì)象，其順序與文本軌道列表中的順序相同。

HTML 音頻/視頻 DOM 參考手冊(cè)

在線示例

獲得可用文本軌道的數(shù)量：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 textTracks 屬性使用-菜鳥(niǎo)教程(cainiaoplus.com)</title>
</head>
<body>
<button onclick="getTextTracks()" type="button">獲得可用文本軌道的數(shù)量</button>
<br> 
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <track src="demo_sub.vtt">
  您的瀏覽器不支持 HTML5 video  標(biāo)簽。
</video>

<script>
myVid=document.getElementById("video1");
function getTextTracks()
{ 
  alert(myVid.textTracks.length);
} 
</script>
</body>
</html>

測(cè)試看看 ?/?

定義和用法

textTracks屬性返回一個(gè)TextTrackList對(duì)象。
TextTrackList對(duì)象代表音頻/視頻的可用文本軌道。
每個(gè)可用的文本軌道都由一個(gè)TextTrack對(duì)象表示。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Opera、Chrome 和 Safari 6 支持 textTracks 屬性。

注意：Internet Explorer 9 及之前的版本不支持 textTracks 屬性。

語(yǔ)法

audio|video.textTracks

返回值

類型	描述
TextTrackList 對(duì)象	表示音頻/視頻的可用文本軌道。 TextioTrackList 對(duì)象： length - 獲得音頻/視頻中可用的文本軌道的數(shù)量 [index] - 根據(jù)下標(biāo) index 來(lái)獲得 TextTrack 對(duì)象注釋：第一個(gè)可用文本軌道的下標(biāo) index 是 0。
TextTrack 對(duì)象	表示一個(gè)文本軌道。 TextTrack 對(duì)象的屬性： kind - 獲得文本軌道的類型（可以是 "subtitles"、"caption"、"descriptions"、"chapters" 或者 "metadata"） label - 獲得文本軌道的標(biāo)簽 language - 獲得文本軌道的語(yǔ)言 mode - 獲得或設(shè)置該軌道是否是活動(dòng)的（"disabled"\|"hidden"\|"showing"） cues - 獲得 TextTrackCueList 對(duì)象的 cues 列表 activeCues - 獲得 TextTrackCueList 對(duì)象形式的當(dāng)前活動(dòng)文本軌道 cues addCue(cue) - 向 cues 列表添加一個(gè) cue removeCue(cue) - 從 cues 列表刪除一個(gè) cue

HTML 音頻/視頻 DOM 參考手冊(cè)

HTML: <template> 標(biāo)簽