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

<source>エレメント

 <source>エレメントは、<video><audio><picture>などのメディアエレメントに条件によるリソースを定義できるエレメントです。

 <source>エレメントによって、ファイル形式、デバイス条件、コーデックサポートなどの条件によって読み込みリソースが設定できるのです。

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
srcリソースURL。
srcset<picture>エレメントに使用。
media表示サイズ条件(デバイスによっても)を定義。CSSと同じ条件方法が使える。
sizesページレイアウトごとのページサイズ。
typeリソースのMIME-type

動作の確認