1. 程式人生 > 其它 >如何在自己的網站上新增HTML懸浮音樂播放器?

如何在自己的網站上新增HTML懸浮音樂播放器?

為了美化網站,我在網站上面添加了一個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/