怎麼在html中顯示能播放也能暫停的音訊樣式？（程式碼範例）-html教學-PHP中文網

首頁

web前端

html教學

怎麼在html中顯示能播放也能暫停的音訊樣式？（程式碼範例）

藏色散人

Aug 11, 2018 am 10:18 AM

本篇文章主要介紹關於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

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7859

Java教學

1649

CakePHP 教程

1403

Laravel 教程

1300

PHP教程

1242

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

Gitee Pages靜態網站部署失敗：單個文件404錯誤如何排查和解決？ Apr 04, 2025 pm 11:54 PM

GiteePages靜態網站部署失敗：404錯誤排查與解決在使用Gitee...

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。