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

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

WBOY
リリース: 2023-09-21 10:49:03
転載
737 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート