最終更新：2026-09-12
<audio>AUDIO 要素
音声プレイヤーを埋め込みます。互換性を高めるため、複数の形式の source と組み合わせることが多いです。
| カテゴリ | リンクとメディア |
|---|---|
| コンテンツモデル | 埋め込みコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </audio> タグ |
| ステータス | 標準 |
📝 構文
<audio controls>音声コンテンツ</audio>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
src | Audio file URL (for a single source; use source for multiple). | |
controls | Shows play/pause, volume and other controls. | |
autoplay | Starts playing on load (usually needs muted). | |
loop | Replays from the start when finished. | |
muted | Starts muted by default. | |
preload | Preload hint: none/metadata/auto. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <audio> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： controls を付けると再生UIが表示されます。autoplay は通常 muted と併用しないと動作しません（ブラウザーの制限）。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
