HTML5 オーディオタグのスタイルを設定することはできますか?-htmlチュートリアル-php.cn

HTML5 オーディオタグのスタイルを設定することはできますか?

WBOY

リリース： 2023-09-21 10:49:03

転載

685 人が閲覧しました

HTML5 オーディオタグのスタイルを設定することはできますか?

HTML 5 オーディオタグのスタイルを設定できます。「controls」属性を持つ audio タグを使用して、デフォルトのブラウザープレーヤーを使用します。ブラウザコントロールを使用せずにカスタマイズできます。

controls 属性 -

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById(&#39;player&#39;).play()">Play</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).pause()">Pause</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume -= 0.2">Vol-</button>
</div>

ログイン後にコピー

を削除することで、組み込みのブラウザユーザーインターフェイスを非表示にすることができます。各要素に CSS クラスを追加し、それに応じてスタイル設定を進めることもできます。

以上がHTML5 オーディオタグのスタイルを設定することはできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。