<audio>タグは、サウンドやオーディオを表す際に使用します。
サウンド(sound)とは物音・音声・音響などの耳で聞き取れる音全般で、
オーディオ(audio)とは録音された音やスピーカーなどの機器を通して再生される音です。
<audio>~</audio>のなかに記述するaudio要素の内容は、
audio要素をサポートしているブラウザでは表示されません。
audio要素の内容は、audio要素をサポートしていない旧いブラウザを対象としたものです。
例えば、旧いブラウザを利用しているユーザーに向けて、オーディオコンテンツへのアクセス方法を通知できます。
src属性、crossorigin属性、preload属性、autoplay属性、loop属性、muted属性、controls属性は、
メディア要素(video要素とaudio要素)に共通の属性です。
<p>
<audio src="https://www.htmq.com/wp-content/themes/twentytwentyone-child/videos/sample.mp4" controls>
<a href="https://www.htmq.com/wp-content/themes/twentytwentyone-child/videos/sample.mp4">音声ファイルをダウンロード</a>
</audio>
</p>
メディア要素には、video要素とaudio要素があります。
video要素とaudio要素の違いは、単純にビジュアルコンテンツの有無だけです。
video要素にはビデオやキャプションといったビジュアルコンテンツの再生領域があるのに対し、
audio要素にはありません。
video要素とaudio要素は、どちらもビデオとオーディオの両方に使用できます。