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オブジェクトメソッド

メソッド 説明
addTextTrack() ビデオに新しいテキストトラックを追加します。
canPlayType() ブラウザが指定されたビデオ形式を再生できるかを確認します。
load() ビデオ要素を再ロードします。
play() ビデオの再生を開始します。
pause() 現在の再生を一時停止します。

標準属性とイベント

Videoオブジェクトがサポートする標準属性およびイベント。

関連ページ

HTMLチュートリアル：HTML5ビデオ

HTMLリファレンスマニュアル：HTML <video>タグ