最新のWeb開発のチュートリアル
 

HTML DOMビデオオブジェクト


ビデオオブジェクト

ビデオオブジェクトは、HTML5で新しく追加されました。

Videoオブジェクトは、HTML表し<video>要素を。

注意: <video>要素は、Internet Explorer 8およびそれ以前のバージョンではサポートされていません。

ビデオオブジェクトにアクセス

あなたはアクセスすることができます<video>使用して要素をgetElementById()

var x = document.getElementById("myVideo");
»それを自分で試してみてください

ビデオオブジェクトを作成します。

あなたは、作成することができます<video>使用して要素をdocument. createElement() document. createElement()メソッド:

var x = document.createElement("VIDEO");
»それを自分で試してみてください

ビデオオブジェクトのプロパティ

プロパティ 説明
audioTracks 利用可能なオーディオトラックを表すAudioTrackListオブジェクトを返します。
autoplay ビデオは、すぐにそれは準備ができているように再生を開始するかどうかを設定または返します
buffered 動画のバッファリング部分を表すtimeRangeはオブジェクトを返します。
controller ビデオの現在のメディア・コントローラを表すのMediaControllerオブジェクトを返します。
controls ビデオはコントロールが表示されているかどうかを設定または返します(play/pause etc)
crossOrigin 設定またはリターンビデオのCORS設定
currentSrc 現在の動画のURLを返します。
currentTime 設定やビデオで、現在の再生位置を返します(in seconds)
defaultMuted ビデオは、デフォルトでミュートされるべきかどうかを設定または返します
defaultPlaybackRate ビデオのデフォルトの再生速度かどうかを設定または返します
duration 動画の長さを返します(in seconds)
ended 動画の再生が終了したかどうかを返します
error ビデオのエラー状態を表すMediaErrorオブジェクトを返します。
height 設定またはの値を返すheightビデオの属性を
loop ビデオは、再びそれが終了するたびに超える再生を開始するかどうかを設定または返します
mediaGroup セットまたはメディア・グループの名前を返すvideo(s)の一部であります
muted ビデオの音をオフにする必要があるかどうかを設定または返します
networkState ビデオの現在のネットワークの状態を返します。
paused 映像が一時停止されているかどうかを設定または返します
playbackRate 設定またはビデオ再生の速度を返します。
played ビデオの演奏部分を表すtimeRangeはオブジェクトを返します。
poster 設定またはの値を返しposter 、ビデオの属性を
preload 設定またはの値を返すpreloadビデオの属性を
readyState ビデオの現在の準備状態を返します。
seekable ビデオのシーク可能な部分を表すtimeRangeはオブジェクトを返します。
seeking ユーザーは、現在のビデオに求めているかどうかを返します
src 設定またはの値を返すsrcビデオの属性を
startDate オフセット現在の時刻を表すDateオブジェクトを返します。
textTracks 可能なテキストトラックを表すTextTrackListオブジェクトを返します。
videoTracks 利用可能なビデオトラックを表すVideoTrackListオブジェクトを返します。
volume 設定またはビデオの音量を返します。
width 設定またはの値を返すwidthビデオの属性を

ビデオオブジェクトのメソッド

方法 説明
addTextTrack() ビデオに新しいテキストトラックを追加します。
canPlayType() ブラウザが指定されたビデオの種類を再生できるかどうかをチェックします
load() 再ロードするビデオ要素
play() ビデオの再生を開始します
pause() 現在再生中の動画を一時停止します

標準プロパティおよびイベント

Videoオブジェクトは、標準サポートのプロパティイベントを


関連ページ

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

HTMLリファレンス: HTML <video>タグ