<video>
<video> 要素は動画コンテンツを文書に埋め込みます。controls 属性で再生インターフェースを表示できます。
概要
<video> 要素は動画コンテンツを文書に埋め込みます。controls 属性で再生インターフェースを表示できます。
対応ブラウザ
デスクトップ
Chrome 3+
Edge 12+
Safari 3.1+
Firefox 3.5+
モバイル
Chrome Android 18+
Safari iOS 3+
Firefox Android 4+
基本構文
HTML
<video controls width="640" poster="thumbnail.jpg">
<source src="video.webm" type="video/webm">
<source src="video.mp4" type="video/mp4">
<track src="subtitles.vtt" kind="subtitles" srclang="ja" label="日本語">
お使いのブラウザは video 要素をサポートしていません。
</video>実務での使いどころ
-
<video> の活用
動画コンテンツを埋め込む要素。再生コントロールやポスター画像を指定可能。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。