English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML オーディオ/ビデオDOM addTextTrack()メソッド

HTML オーディオ/ビデオDOM addTextTrack()メソッドの使用方法、オンライン実例でHTMLオーディオの使用方法を示します/ビデオDOM addTextTrack()メソッド、ブラウザの互換性、構文定義及びその属性値の詳細情報など。

　HTML オーディオ/ビデオ DOM リファレンスマニュアル

オンラインサンプル

ビデオに新しいテキストトラックを追加：

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　オーディオ/video　addTextTrack()メソッドの使用-基本チュートリアル(oldtoolbag.com)</<title>
</<head>
<body>
<button　onclick="addNewTextTrack()"　type="button">新しいテキストトラックを追加：</button>
<br>　
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　あなたのブラウザは　HTML5　video　　タグ。
</video>
<script>
myVid=document.getElementById("video1");
function　addNewTextTrack()
{　
　　text1=myVid.addTextTrack("caption");
　　text1.addCue(new　TextTrackCue("Test　text",　01.000,　04.000,"","","",true));
}　
</script>　
</body>
</html>
テストを見てみましょう ‹/›

定義と用法

addTextTrack() メソッドは新しい TextTrack オブジェクトを生成し、それを返します。
新しいTextTrackオブジェクトが追加されます。/video タグのテキストトラックリストに

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザでは addTextTrack() メソッドがサポートされていません。

文法

audio|video.addTextTrack(kind,label,language)

パラメータ

値説明
kindテキストトラックのタイプを指定します。

可能な値：

  • "subtitles"

  • "caption"

  • "descriptions"

  • "chapters"

  • 　"metadata"

label文字列値、テキストトラックにラベルを指定します。ユーザーがテキストトラックを識別するために使用されます。
language二文字の言語コードを指定して、テキストトラックの言語を指定します。
すべての利用可能な言語コードを確認するには、以下の私たちの 言語コードリファレンスマニュアル。

返り値

タイプ説明
TextTrack オブジェクト新しいテキストトラックを表す。
　HTML オーディオ/ビデオ DOM リファレンスマニュアル
HTML: <template> タグ