CSS note

WordPress 標準のメディアの挿入

audio要素による埋め込み

<audio src="example.mp3" controls="controls"></audio>

audio要素でボタンを手作り

<audio id="demo2" src="hoge.mp3"></audio>
<div class="buttons">
 <span onclick="document.getElementById('demo2').play()">&#9205;</span>
 <span onclick="document.getElementById('demo2').pause()">&#9208;</span>
 <span onclick="document.getElementById('demo2').muted= true">&#128263;</span>
 <span onclick="document.getElementById('demo2').muted= false">&#128266;</span>
 <span onclick="document.getElementById('demo2').volume+=0.1">+</span>
 <span onclick="document.getElementById('demo2').volume-=0.1">-</span>
</div>

関連

HTML5 の audio 要素と video 要素の使用 - HTML | MDN

javascript - Using jQuery to control HTML5

HTML DOM Audio Object

新着記事