ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML5 オーディオ タグのスタイルを設定することはできますか?

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

WBOY
WBOY転載
2023-09-21 10:49:03738ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。