HTMLSourceElement

HTMLSourceElement インターフェイスは <source> 要素を操作するための (継承によって利用できる、通常の HTMLElement オブジェクトインターフェイスにから見て) 特別なプロパティを提供します。

プロパティ

親である HTMLElement からプロパティを継承しています。

HTMLSourceElement.keySystem
ストリームを暗号化するキーシステムを説明する DOMString です。
HTMLSourceElement.media
HTML の media 属性を反映する DOMString で、メディアリソースの意図する型を含みます。
HTMLSourceElement.sizes
ブレークポイント間の画像の寸法を表す DOMString です。
HTMLSourceElement.src
HTML の src 属性を反映する DOMString で、メディアリソースの URL が入ります。 HTMLSourceElement.src プロパティは関連する <source> 要素が <video><audio> 要素などのメディア要素の中で入れ子になった場合のみ意味を持ちます。 <picture> 要素の中で入れ子になったときは意味を持たず、無視されます。
メモ: src プロパティが (兄弟要素によって) 更新された場合、親の HTMLMediaElementload メソッドが完了時に呼び出されます。 <source> 要素は自動的には再読み込みされないからです。
HTMLSourceElement.srcset
HTML の srcset 属性を反映する DOMString で、コンマ (',', U+002C COMMA) で区切られた画像の候補のリストが入ります。画像の候補は URL の後に 'w' に続いて画像の幅、または 'x' に続いてピクセルの密度を指定します。
HTMLSourceElement.type
HTML の type 属性を反映する DOMString で、メディアリソースの型が入ります。

メソッド

固有メソッドはありません。 HTMLElement インターフェイスからの継承メソッドが利用可能です。

仕様書

仕様書 状態 備考
Encrypted Media Extensions
HTMLSourceElement の定義
勧告 keySystem 属性を追加。
HTML Living Standard
HTMLSourceElement の定義
現行の標準 HTML5 より変更なし。
HTML5
HTMLSourceElement の定義
勧告 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
keySystem
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 あり
無効
完全対応 あり
無効
無効 This feature is behind the media.eme.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 あり
無効
完全対応 あり
無効
無効 This feature is behind the media.eme.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android ? Safari iOS ? Samsung Internet Android ?
mediaChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
sizes
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 38
完全対応 38
完全対応 33
無効
無効 From version 33: this feature is behind the dom.image.picture.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 38
完全対応 38
完全対応 33
無効
無効 From version 33: this feature is behind the dom.image.picture.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android ? Safari iOS ? Samsung Internet Android ?
srcChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
srcset
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 38
完全対応 38
完全対応 33
無効
無効 From version 33: this feature is behind the dom.image.picture.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 38
完全対応 38
完全対応 33
無効
無効 From version 33: this feature is behind the dom.image.picture.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android ? Safari iOS ? Samsung Internet Android ?
typeChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 3.5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, khalid32, ethertank
最終更新者: mfuji09,