首頁 >web前端 >html教學 >怎麼在html中顯示能播放也能暫停的音訊樣式? (程式碼範例)

怎麼在html中顯示能播放也能暫停的音訊樣式? (程式碼範例)

藏色散人
藏色散人原創
2018-08-11 10:18:173049瀏覽

本篇文章主要介紹關於html顯示音訊的具體操作方法。這樣對於使用者來說,線上可播放功能能大幅提高站內效率也可帶來一定的流量。希望對有需要的朋友有幫助。這裡我們要先了解下,在html5中的兩個重要標籤。

一、HTML 5 標籤,它是 HTML 5 中的新標籤,此標籤必須要有 src 屬性。

二、HTML 5

#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>

以上程式碼在頁面上顯示效果如下:

怎麼在html中顯示能播放也能暫停的音訊樣式? (程式碼範例)

註:

width、 height中的數字分別表示播放器的寬度和高度。

src 後面可以修改為自己的音樂位址。

那麼以上就是本篇關於html5如何嵌入音訊的相關知識介紹,具有一定的參考價值。望各位採納。

【相關文章推薦】

html中網頁中如何插入音訊和影片?

html5中重新載入音訊/視訊元素的方法load()

html5停止(暫停)目前播放的音訊或視訊的方法pause()

詳細介紹HTML5使用Audio標籤實作歌詞同步的效果


##

以上是怎麼在html中顯示能播放也能暫停的音訊樣式? (程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn