トップページ  > HTML5  > <audio>

★HTML5タグリファレンス

<audio> …… 音声を再生するHTML5から追加
Internet Explorer9 Firefox3.5Firefox4 Google Chrome3Google Chrome4Google Chrome5Google Chrome6 Safari3Safari4Safari5 Opera10

<audio>タグは、音声を再生する際に使用します。 再生する音声ファイルは、src属性で指定します。

<audio>~</audio>の中には、 <audio>タグがサポートされていない環境で表示させるメッセージを記述することができます。

動画の再生については、<video>タグのページを参照してください。

■HTML4.01からHTML5へのバージョンアップによる変更点

audio要素は、HTML5から新たに追加された要素です。

■属性

src属性
音声ファイルを指定する
preload属性
音声をあらかじめ読み込む(auto、metadata、none)
autoplay属性
音声を自動再生する
loop属性
ループ再生を指定する
controls属性
インターフェースを表示する

以下のサンプルでは、FirefoxとGoogle Chromeで音声を再生できます。

■使用例

HTMLソース

<body>
<audio src="sample/sample.ogg" controls>
<p>音声を再生するには、audioタグをサポートしたブラウザが必要です。</p>
</audio>
</body>
↓↓↓

ブラウザ上の表示

※メモ: サーバー側の設定にもよるでしょうが、 ogv形式の動画やogg形式の音声を再生するには、 .htaccess に以下の記述を追加する必要があるかもしれません。

AddType video/ogg .ogg .ogv
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv
▲ページ先頭へ
トップページ  > HTML5  > <audio>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ