HTML DOM Videoオブジェクト
Video オブジェクト
Video オブジェクトは HTML5 で新しく追加されました。
Video オブジェクトは HTML <video> 要素を表します。
Video オブジェクトへのアクセス
getElementById() を使用して <video> 要素にアクセスできます：
var x = document.getElementById("myVideo");
試してみる
Video オブジェクトの作成
document.createElement() メソッドを使用して <video> 要素を作成できます：
var x = document.createElement("VIDEO");
試してみる
Video オブジェクトのプロパティ
| プロパティ | 説明 |
|---|---|
| audioTracks | 利用可能な音声トラックを表す AudioTrackList オブジェクトを返します。 |
| autoplay | 準備完了（ロード完了）後にすぐにビデオを再生するかどうかを設定または返します。 |
| buffered | ビデオのバッファリング済み部分を表す TimeRanges オブジェクトを返します。 |
| controller | ビデオの現在のメディアコントローラーを表す MediaController オブジェクトを返します。 |
| controls | ビデオにコントロール（再生/一時停止など）を表示するかどうかを設定または返します。 |
| crossOrigin | ビデオの CORS 設定を設定または返します。 |
| currentSrc | 現在のビデオの URL を返します。 |
| currentTime | ビデオの現在の再生位置（秒単位）を設定または返します。 |
| defaultMuted | ビデオがデフォルトでミュートかどうかを設定または返します。 |
| defaultPlaybackRate | ビデオのデフォルトの再生速度を設定または返します。 |
| duration | ビデオの長さ（秒単位）を返します。 |
| ended | ビデオの再生が終了したかどうかを返します。 |
| error | ビデオのエラー状態を表す MediaError オブジェクトを返します。 |
| height | ビデオの height 属性の値を設定または返します。 |
| loop | ビデオが終了時に再度再生されるかどうかを設定または返します。 |
| mediaGroup | ビデオが属するメディアグループの名前を設定または返します。 |
| muted | 音声をミュートするかどうかを設定または返します。 |
| networkState | ビデオの現在のネットワーク状態を返します。 |
| paused | ビデオが一時停止されているかどうかを設定または返します。 |
| playbackRate | ビデオの再生速度を設定または返します。 |
| played | ビデオの再生済み部分を表す TimeRanges オブジェクトを返します。 |
| poster | ビデオの poster 属性の値を設定または返します。 |
| preload | ビデオの preload 属性の値を設定または返します。 |
| readyState | ビデオの現在の準備状態を返します。 |
| seekable | ビデオのシーク可能な部分を表す TimeRanges オブジェクトを返します。 |
| seeking | ユーザーが現在ビデオ内でシークしているかどうかを返します。 |
| src | ビデオの src 属性の値を設定または返します。 |
| startDate | 現在の時刻オフセットを表す Date オブジェクトを返します。 |
| textTracks | 利用可能なテキストトラックを表す TextTrackList オブジェクトを返します。 |
| videoTracks | 利用可能なビデオトラックを表す VideoTrackList オブジェクトを返します。 |
| volume | ビデオの音量を設定または返します。 |
| width | ビデオの width 属性の値を設定または返します。 |
Video オブジェクトのメソッド
| Method | 説明 |
|---|---|
| addTextTrack() | ビデオに新しいテキストトラックを追加します。 |
| canPlayType() | ブラウザーが指定されたビデオタイプを再生できるかどうかを確認します。 |
| load() | ビデオ要素を再読み込みします。 |
| play() | ビデオの再生を開始します。 |
| pause() | 現在再生中のビデオを一時停止します。 |
標準プロパティとイベント
関連記事
HTML チュートリアル:HTML5 ビデオ
HTML リファレンス:HTML <video> タグ
その他の拡張