HTML5 オーディオタグにスタイルを設定することは可能ですか? 質問する

HTML5 オーディオタグにスタイルを設定することは可能ですか? 質問する

それを実行する方法に関するリソースは見つかりませんでした。プレーヤーの色を変更するような単純なものがあればいいのですが :)

ベストアンサー1

はい。組み込みのブラウザUIを非表示にし(controlsから 属性を削除してaudio)、代わりに独自のインターフェースを構築し、Javascriptを使用して再生を制御することができます(ソース):

<audio id="player" src="vincent.mp3"></audio>
<div> 
  <button onclick="document.getElementById('player').play()">Play</button> 
  <button onclick="document.getElementById('player').pause()">Pause</button> 
  <button onclick="document.getElementById('player').volume += 0.1">Vol +</button> 
  <button onclick="document.getElementById('player').volume -= 0.1">Vol -</button> 
</div>

その後、CSS を使用して要素を自由にスタイル設定できます。

翻訳HTMLAudioElement API リファレンス

おすすめ記事