コントロールが最初に表示されないオーディオタグがあり、ユーザーが次のようなリンクをクリックすると表示されます。
var audio = document.getElementById(audioId);
if (audio.paused) {
audio.src = clip;
audio.play();
audio.setAttribute("controls", "controls");
}
else {
audio.removeAttribute("controls");
audio.pause();
audio.currentTime = 0;
}
クリップは、再生するオーディオファイルのURLです。
音声は次のようになります。
<audio id="audio1"></audio>
コントロールの位置を設定するにはどうすればよいですか?また、コントロールのサイズを設定することもできますか?
オーディオタグはリスト要素の子です。他のすべてのリスト要素については、次のように配置します。
#track_title {
position:absolute;
top: 2px;
left: 80px;
font-size: 15px;
font-weight: bold;
}