HTMLSourceElement

HTMLSourceElement インターフェイスは、(通常の HTMLElement インターフェイスから継承されるもの以外に) <source> 要素を操作するための特別なプロパティとメソッドを提供します。

EventTarget Node Element HTMLElement HTMLSourceElement

インスタンスプロパティ

親である HTMLElement から継承したプロパティがあります。

HTMLSourceElement.media

文字列で、HTML の media 属性を反映し、メディアリソースの意図する型を含みます。

HTMLSourceElement.sizes

文字列で、ブレークポイント間の画像の寸法を表します。

HTMLSourceElement.src

文字列で、HTML の src 属性を反映し、メディアリソースの URL が保持します。HTMLSourceElement.src プロパティは関連する <source> 要素が <video><audio> 要素などのメディア要素の中で入れ子になった場合のみ意味を持ちます。 <picture> 要素の中で入れ子になったときは意味を持たず、無視されます。

メモ: src プロパティが(兄弟要素によって)更新された場合、親の HTMLMediaElementload メソッドが完了時に呼び出されます。<source> 要素は自動的には再読み込みされないからです。

HTMLSourceElement.srcset

文字列で、HTML の srcset 属性を反映し、カンマ (',', U+002C COMMA) で区切られた画像の候補のリストが入ります。画像の候補は URL の後に 'w' に続いて画像の幅、または 'x' に続いてピクセルの密度を指定します。

HTMLSourceElement.type

文字列で、HTML の type 属性を反映し、メディアリソースの型を保持します。

インスタンスメソッド

の固有メソッドはありません。親である HTMLElement から継承したメソッドがあります。

仕様書

Specification
HTML
# htmlsourceelement

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLSourceElement
height
media
sizes
src
srcset
type
width

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

関連情報