HTMLVideoElement インターフェイス

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

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

HTMLVideoElement 継承図

EventTarget
- └ Node
- - └ Element
  - - └ HTMLElement
    - - ┆
      - ├ HTMLVideoElement
      - ┆

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

- ad -

プロパティ(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 インターフェイスのメソッドです。 Node 、Element インターフェイスのメソッドを含みます。使えないものもあるので参考してください。

Nodeのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

Elementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのメソッド一覧　

タイプ名（ハンドラー名）	概要	分類

イベント(Event)

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

HTMLVideoElement.addEventListener( 'click', ()=>{...} )

HTMLVideoElement.onclick = function(){...}

<button onclick = "..." >

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

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

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

GlobalEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

DocumentAndElementEventHandlersのイベント一覧　

タイプ名（ハンドラー名）	概要	分類

HTMLElementのイベント一覧　