ビデオオブジェクト
ビデオオブジェクトは、HTML5で新しく追加されました。
Videoオブジェクトは、HTML表し<video>要素を。
注意: <video>要素は、Internet Explorer 8およびそれ以前のバージョンではサポートされていません。
ビデオオブジェクトにアクセス
あなたはアクセスすることができます<video>使用して要素をgetElementById() :
ビデオオブジェクトを作成します。
あなたは、作成することができます<video>使用して要素をdocument. createElement() document. createElement()メソッド:
ビデオオブジェクトのプロパティ
プロパティ | 説明 |
---|---|
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>タグ