<source>
<source> 要素は <picture>、<audio>、<video> 要素のメディアリソースを指定します。
概要
<source> 要素は <picture>、<audio>、<video> 要素のメディアリソースを指定します。
対応ブラウザ
デスクトップ
Chrome 3+
Edge 12+
Safari 3.1+
Firefox 3.5+
モバイル
Chrome Android 18+
Safari iOS 2+
Firefox Android 4+
基本構文
HTML
<video controls>
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
</video>
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="画像">
</picture>実務での使いどころ
-
<source> の活用
メディア要素のソースを指定する要素。<picture>、<audio>、<video> と併用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。