如何在html中顯示能播放不妨暫停的音頻樣式?(代碼示例)
發表時間:2023-09-07 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章主要給大家介紹關于html顯示音頻的具體操作方法。這樣對于用戶來說,在線可播放功能能大大提高站內效率也可帶來一定的流量。希望對有需要的朋友有所幫助。這里我們需要先了解下,在html5中的兩個個重要標簽。一、HTML 5 <embed> 標簽,它是 HTML 5 中的新標簽,而且...
本篇文章主要給大家介紹關于html顯示音頻的具體操作方法。這樣對于用戶來說,在線可播放功能能大大提高站內效率也可帶來一定的流量。希望對有需要的朋友有所幫助。這里我們需要先了解下,在html5中的兩個個重要標簽。
一、HTML 5 <embed> 標簽,它是 HTML 5 中的新標簽,而且此標簽必須要有 src 屬性。
二、HTML 5 <audio> controls 屬性
controls 屬性規定瀏覽器應該為音頻提供播放控件。如果設置了該屬性,則規定不存在作者設置的腳本控件。
html顯示音頻的具體代碼示例如下:
<!DOCTYPE HTML>
<html>
<body>
<audio controls="controls">
<source src="so.ogg" type="audio/ogg">
<source src="so.mp3" type="audio/mpeg">
<embed height="100" width="100" src="song.mp3" />
</audio>
</body>
</html>
以上代碼在頁面上顯示效果如下:

注:
width、 height中的數字分別表示播放器的寬度和高度 。
src 后面可以修改為你自己的音樂地址。
那么以上就是本篇關于html5中如何嵌入音頻的相關知識介紹,具有一定的參考價值。望各位采納。
【相關文章推薦】
html中網頁中如何插入音頻和視頻?
html5中重新加載音頻/視頻元素的方法load()
html5停止(暫停)當前播放的音頻或視頻的方法pause()
詳細介紹HTML5使用Audio標簽實現歌詞同步的效果
以上就是怎么在html中顯示能播放也能暫停的音頻樣式?(代碼示例)的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。