1 首先選擇一個合適的音樂播放器插件有許多不同類型的音樂播放器插件可供選擇，例如MediaElementjsPlyrjPlayer等可以根據(jù)自己的需求和網(wǎng)站開發(fā)技術(shù)選擇合適的插件2 下載并導(dǎo)入插件將插件下載到本地，然后解壓縮并將其相關(guān)文件導(dǎo)入到網(wǎng)站目錄中3 在網(wǎng)頁中添加HTML元素和JavaScript代碼在。

3 第三步，在下方的html代碼欄中，找到代碼中的iframe字符，然后在后面加上這些代碼style=display，再將這段代碼輸入博客，即可隱藏使用iframe代碼的外鏈播放器隱藏flash外鏈播放器1 第一步，在網(wǎng)易云音樂外鏈播放器代碼生成頁面中，點擊上方的flash插件選項2 第二步，在下方的HTML代碼欄。

成功提取音樂文件的ID3信息后，面臨將數(shù)據(jù)轉(zhuǎn)換為圖片的問題發(fā)現(xiàn)需要將byte數(shù)組轉(zhuǎn)換為base64格式的圖片找到前輩的代碼示例，直接使用以解決問題最終，音樂播放器成功獲取了封面圖片，這是一個激動人心的時刻接下來，將專注于HTML和CSS的實現(xiàn)，將音樂播放器的界面設(shè)計得更美觀更友好總結(jié)，這次使用H。

對于使用flash的外鏈播放器 選擇flash插件并生成代碼在網(wǎng)易云音樂外鏈播放器代碼生成頁面中，點擊上方的flash插件選項，并復(fù)制生成的html代碼 修改width和height屬性將復(fù)制的代碼中的width和height屬性后方的數(shù)值修改為0這樣，flash播放器雖然在頁面上存在，但由于尺寸為0，實際上對用戶是不可見的。

需要工具電腦DW軟件 一首先我們打開dw軟件，如下圖所示二通過點擊HTML進(jìn)入編輯頁面，如下圖所示三通過選擇代碼拆分和設(shè)計選擇編輯模式，如下圖所示四這里以拆分為例，通過在ltbody和ltbody之間加ltbgsound 雙人床=“地址”來了進(jìn)行插入音樂，如下圖所示五通過在雙引號內(nèi)右擊。

ltvideo src=quotxump4quot controls=quotcontrolsquot width=quot600pxquotltvideoltbrltbrltbrltaudio src=quot2mp3quot controls=quotcontrolsquot width=quot600pxquotltaudioltbr 最好用IE10，IE11，或者 chrome， firefox的最新版本測試html5網(wǎng)頁不同瀏覽器內(nèi)建的播放器樣式不太一樣，我這個圖片是firefox。

在發(fā)貼時選擇HTML模式，在最下方加入以下代碼ltdiv align=quotcenterquotltembed src=quot音樂地址quot width=quot180quot height=quot50quot hidden=quottruequot type=quotaudiompegwmaquot autostart=quottruequot loop=quottruequot ltdiv 提示autostart=quottruequot表示自動播放，autostart=quotfalsequot表示不自動播放loop=quottruequot表示無限。

HTML代碼中插入音樂播放器，大致有四種風(fēng)格，代碼如下白色普通播放器代碼ltEMBED height=45 type=audiompeg width=300 src=音樂地址 volume=quot0quot loop=quot1quotltEMBED 黑色播放器代碼ltEMBED style=quotFILTER Xrayquot src=音樂地址 width=300 height=45 type=audiompeg loop=quot1quot volume=quot0quot。