網站功能不用太多,自己需要的就好了,自己的博客慢慢的完善,一個一個功能的增加,都是自己需要而且實用的,自己動手才會珍惜!
這音樂的功能很簡單,一段代碼而已:
<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>
需要注意的是要在欄目哪里修改文章內容模板!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網站欄目:如何在網頁中插入自動播放的音樂?使用于任何網頁-創新互聯
分享鏈接:http://www.yijiale78.com/article42/pcghc.html
成都網站建設公司_創新互聯,為您提供虛擬主機、標簽優化、品牌網站建設、動態網站、網站改版、靜態網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯