English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ一覧

HTML: <audio> src 属性

src属性はオーディオファイルの場所(URL)を指定します。すべてのブラウザで正常に動作するようにするには- <audio>要素内で<source>要素を使用。<source>要素は異なるオーディオファイルにリンクできます。ブラウザは最初に認証されたフォーマットを使用します。

HTML <audio> タグ

オンライン例

オーディオ再生:

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 基本チュートリアルウェブ oldtoolbag.com</title>
<body>
<audio src="horse.ogg" controls>
あなたのブラウザはオーディオ要素をサポートしていません。
</audio>
</body>
</html>
試してみてください ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9+, Firefox、Opera、Chrome、およびSafariブラウザはsrc属性をサポートしていますが、すべてのブラウザがオーディオファイル形式をサポートしているわけではありません。

注意: IEおよびSafariは.oggファイル形式をサポートしていません。

注意: Internet Explorer 8 及び以前のIEバージョンでは<audio>タグをサポートしていません。

定義と使用法

src属性はオーディオファイルの場所(URL)を指定します。
上の例では、Ogg形式のオーディオファイルを使用し、Firefox、Opera、Chromeで動作します。
Internet ExplorerおよびSafariでオーディオファイルを再生するには、MP3ファイル。
すべてのブラウザで正常に動作するようにするには- <audio>要素内で使用<source>要素。<source>要素は異なるオーディオファイルにリンクできます。ブラウザは最初に認証されたフォーマットを使用します。

オンライン例

<!DOCTYPE html>
<html>
<title>HTML:<audio> src 属性 - 基本チュートリアルウェブ oldtoolbag.com</title>
<body>
<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  あなたのブラウザはオーディオタグをサポートしていません。
</audio>
</body>
</html>
試してみてください ‹/›

HTML 4.01 HTML5の間の違い

<audio> タグは HTML5新しく追加された。

文法

<audio src="URL">

属性値

説明
URL

規定するオーディオ/ビデオのソース URL。

可能な値:

  • 絶対 URL - 別のウェブサイトを指す(例えば src="http://example.com/movie.ogg")

  • 相対 URL - ウェブサイト内の特定のファイルを指す(例えば src="/data/movie.ogg")

HTML <audio> タグ