溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
網站功能不用太多，自己需要的就好了，自己的博客慢慢的完善，一個一個功能的增加，都是自己需要而且實用的，自己動手才會珍惜！
這音樂的功能很簡單，一段代碼而已：<audio controls autoplay="autoplay" loop="loop">
<source src="test.mp3" type="audio/mpeg" />
如果不播放，說明你的瀏覽器不支持！
</audio>
加上去之后會有這么一個播放器顯示
image.png
相信誰都能理解，但是幾點注意，我后面為什么還要多加一個“loop”？這不是和“autoplay”重復了么？
是的，重復，但是不矛盾，我自己的網站如果不加“loop”，是不會自動播放的。
為了美觀我還會加上hidden，隱藏播放器，達到點進去網頁就播放
只有很少數而特殊的網頁我才會用上音樂！
接下來就把代碼寫到模板頁面，然后后臺編輯文章頁面添加一個文本框，進行方便輸入音樂地址。
這樣就很方便的在添加文章的時候隨意了，當然要在特殊的模板中，不然的話，每一個頁面都要加載一個播放器，不是讓網站變的很臃腫么？所以復制新建一個模板頁面，在需要添加音樂的時候就選擇那個模板頁面就好了！
改版完成，我只在“生活日記”欄目添加了音樂功能，模版的代碼改成：<audio controls autoplay="autoplay" loop="loop" style="display:none;">
<source src="{dede:field.shorttitle/}" type="audio/mpeg" />
如果不播放，說明你的瀏覽器不支持！
</audio>
需要注意的是要在欄目哪里修改文章內容模板！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
