ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

HTML5 チュートリアル

HTML5 ホーム
HTML5 概要
HTML5 新しい要素
HTML5 ビデオ
HTML5 ビデオ/DOM
HTML5 オーディオ
HTML5 キャンバス
HTML5 Geolocation
HTML5 Web ストレージ

HTML5 フォーム

HTML5 Input タイプ
HTML5 フォーム要素
HTML5 フォーム属性

HTML5 リファレンス

HTML5 タグ
HTML5 属性
HTML5 イベント
HTML5 キャンバス 2d
HTML 妥当な DTD

HTML5 タグ

<!-->
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>

HTML5 <audio> タグ

Play a sound:

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mp3" />
  Your browser does not support the audio tag.
</audio>

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

<audio> タグは、主要な全ブラウザがサポートしています。


定義と用法

<audio> タグは、音楽や他のオーディオストリームなどのサウンドを定義します。


HTML 4.01 と HTML5 との相違点

<audio> タグは、HTML5 で新たに追加されました。


チップスと注意事項

チップ: <audio> と </audio> の間の任意のテキストは、 audio 要素をサポートしていないブラウザで表示されます。


属性

New : HTML5 で新規追加。

属性 説明
autoplayNew autoplay 準備ができ次第、オーディオの再生を開始するように指定する
controlsNew controls オーディオコントロール(再生/一時停止ボタンなど)を表示するように指定する
loopNew loop オーディオの再生が終了するたびに、もう一度最初から再生し直すことを指定する
preloadNew auto
metadata
none
ページのロード時、オーディオをロードするかどうか、およびどのようにロードするかを指定する
srcNew URL 再生するオーディオの URL を指定する

グローバル属性

<audio> タグは、HTML5におけるグローバル属性 もサポートします。


イベント属性

<audio> タグは、HTML5におけるイベント属性 もサポートします。