備忘録的プログラミングリファレンス

HTMLVideoElement インターフェイス

 HTMLVideoElement インターフェイスは、動画を web ページに取り込むことができる <video> エレメントのプロパティメソッドイベントが定義されたインターフェイスです。

 HTMLVideoElement インターフェイスは HTMLMediaElement インターフェイスを継承しています。プロパティとメソッドに関しては HTMLMediaElement も参照してください。

HTMLVideoElement 継承図

 音声のみは HTMLAudioElement インターフェイスを参照してください。

プロパティ(Properties)

 HTMLVideoElement インターフェイスは 以下の独自のプロパティをもちます。HTMLElement インターフェイス のプロパティも継承しています。

プロパティ概要分類
.height表示領域の高さを設定。ピクセル単位として扱われる。 <video> の height 属性が該当。 DOMString 型
.poster動画が表示できない場合に表示するイメージ画像。 DOMString 型
.videoHeight動画の元も高さ。ピクセル単位として扱う。unsigned long 型
.videoWidth動画の元も幅。ピクセル単位として扱う。unsigned long 型
.width表示領域の幅を設定。ピクセル単位として扱われる。 <video> の width 属性が該当。 DOMString 型
.autoPictureInPicture自動的にピクチャーインピクチャーモードに入るか/否か。Boolean 型
.disablePictureInPictureピクチャーインピクチャーモードに入るかをユーザーに問い合わせるか/否か。Boolean 型。true でユーザーに問い合わせる。false で自動でピクチャーインピクチャーモードに入る

 以下は、HTMLMediaElementが継承しているプロパティです。

HTMLMediaElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

 以下は、HTMLElement インターフェイスのプロパティと継承したプロパティです。参考にしてください。

Nodeのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

Elementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

メソッド(Methods)

 HTMLVideoElement インターフェイスは 以下の独自のメソッドがあります。さらに継承したメソッドがあります。

メソッド概要分類
.getVideoPlaybackQuality()再生のクオリティー(メトリクス)に関する VideoPlaybackQuality オブジェクトを返す。総フレーム、ドロップされたフレーム、破損したフレームを知ることができる
.requestPictureInPicture()ピクチャーインピクチャーモードに入ることをリクエストする。ブラウザ(ユーザーエージェント)は Promise オブジェクトを返す

 独自のメソッドはありません。
 以下は、HTMLAudioElement が継承している HTMLMediaElement のメソッドです。

HTMLMediaElementのプロパティ一覧 

タイプ名(ハンドラー名)概要分類

 HTMLVideoElement インターフェイスが継承したHTMLElement インターフェイスのメソッドです。 NodeElement インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧 

タイプ名(ハンドラー名)概要分類

Elementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのメソッド一覧 

タイプ名(ハンドラー名)概要分類

イベント(Event)

 HTMLVideoElement にイベントハンドラーを定義する方法には以下があります。

HTMLVideoElement.addEventListener( 'click', ()=>{...} )
HTMLVideoElement.onclick = function(){...}
<button onclick = "..." >

 イベントについてはEventを参照してください。 イベントの監視についてはEventTargetが担っています。

メソッド概要分類
enterpictureinpicture (onenterpictureinpicture)ピクチャーインピクチャーモードになったら
leavepictureinpicture (onleavepictureinpicture)ピクチャーインピクチャーモードでなくなったとき

 以下は、HTMLVideoElement が継承しているイベント一覧です。使えないものもあるので参考にしてください。

GlobalEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

DocumentAndElementEventHandlersのイベント一覧 

タイプ名(ハンドラー名)概要分類

HTMLElementのイベント一覧 

タイプ名(ハンドラー名)概要分類