最終更新：2026-09-12
<video>VIDEO 要素
コントロール付きの動画プレイヤーを埋め込みます。ポスター画像や複数のソース形式に対応します。
| カテゴリ | リンクとメディア |
|---|---|
| コンテンツモデル | 埋め込みコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </video> タグ |
| ステータス | 標準 |
📝 構文
<video controls>動画コンテンツ</video>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
src | Video file URL. | |
controls | Shows playback controls. | |
autoplay | Auto-plays (usually needs muted). | |
loop | Loops the video. | |
muted | Starts muted. | |
poster | Poster image URL shown before playback. | |
width | Display width in pixels. | |
height | Display height in pixels. | |
preload | Preload hint: none/metadata/auto. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <video> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： poster で再生前のカバー画像を設定します。モバイルの自動再生も通常 muted が必要です。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
