如何在自己的網站上新增HTML懸浮音樂播放器?
阿新 • • 發佈:2021-10-14
為了美化網站,我在網站上面添加了一個HTML懸浮音樂播放器,先來看看一下效果圖。
如何在自己的網站上新增HTML懸浮音樂播放器呢?今天和你們分享
為了美化網站,我在網站上面添加了一個HTML懸浮音樂播放器,先來看看一下效果圖。
如何在自己的網站上新增HTML懸浮音樂播放器呢?今天和你們分享
首先申明三點:
1、本播放器實際上是呼叫網易音樂雲的音樂進行播放,音樂版權歸網易雲音樂所有,僅供個人學習研究,用於商用的後果自負!
2、本播放器的演示效果可以在我的部落格首頁看到,預設支援所有Html和PHP環境的網站。
3、本播放器可以使用電腦、手機、IPAD等裝置訪問,自適應。)
具體的操作方法:
在網站原始檔中(如果有單獨的頁尾檔案,也可以放在頁尾檔案裡面)新增這三行程式碼:
<!--音樂播放器-->
<scriptsrc="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<scriptsrc="https://myhkw.cn/player/js/player.js"id="myhk"key="demo"m="1"></script>
然後儲存釋出,在瀏覽器重新整理網頁就看到效果了
音樂播放器的官方網站是:https://myhkw.cn/