如何增加HTML的高度<audio>標籤

我使用下面的代碼在瀏覽器中如何增加HTML的高度<audio>標籤

<audio controls="controls" id="audio" width="300" height="300" src="<?='audios/remix.mp3'?>" > </audio>

音頻標籤的高度是不正確調整顯示音頻，誰能告訴我如何增加音頻標籤的高度。

來源

2013-10-11 lalith458

音頻標籤沒有這樣的屬性。

來源

2013-10-11 09:59:55 Jonysuise

K。。u能告訴我哪個屬性，我們可以使用音頻標籤 – lalith458

對於IE和Chrome [

您可以嘗試使用div標籤和樣式選項。但是視頻標籤沒有這個屬性，只有視頻標籤。 – Jonysuise

但是，您可以在Firefox中使用style="height: 300px;"，這隻會呈現爲控件上方的大空白區域。（然而，如預期的那樣，在空間中單擊會使音頻播放。）

來源

2013-10-11 10:00:46 a3nm

與Chrome相同。 – putvande

是否有可能在沒有任何空白的情況下增加高度 – lalith458

這是所問問題的正確答案。更改控件的外觀是一個不同的問題。它可以通過不使用'controls'屬性並設置自己的控件來解決，這些控件需要JavaScript驅動。 –

無法對HTML5樣式設置<audio>。

但它有一些事件可以運行功能，還有一個源標籤，其中包含要播放的歌曲的路徑以及歌曲的類型。

<audio id="song" width="300" height="32" ontimeupdate="updateTime()"><source src="path/to/music.mp3" type="audio/mp3" /></audio>  
Your browser does not support the audio tag.

您可以使用JavaScript + CSS做一個解決方法。

這裏是How To Style the HTML 5 Audio Player

來源

2013-10-11 10:05:28

可以對'audio'元素進行樣式設置，只是不使用HTML屬性而使用CSS。另一方面，造型隻影響盒子的尺寸，邊框等等。改變控件的外觀是完全不同的（並且鏈接到的教程是一個好的開始）。 –

-1

我不認爲這是對一個標籤高度的教程。您可能要仔細檢查這一快速HTML5音頻參考：

https://bytutorial.com/tutorials/html5/html5-audio-control

來源

2013-10-11 11:16:27 cmsonnet

如何增加HTML的高度<audio>標籤

回答

相關問題