1 首先選擇一個(gè)合適的音樂播放器插件有許多不同類型的音樂播放器插件可供選擇，例如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)易云音樂外鏈播放器代碼生成頁面中，點(diǎn)擊上方的flash插件選項(xiàng)2 第二步，在下方的HTML代碼欄。

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

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

需要工具電腦DW軟件 一首先我們打開dw軟件，如下圖所示二通過點(diǎn)擊HTML進(jìn)入編輯頁面，如下圖所示三通過選擇代碼拆分和設(shè)計(jì)選擇編輯模式，如下圖所示四這里以拆分為例，通過在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)建的播放器樣式不太一樣，我這個(gè)圖片是firefox。

在發(fā)貼時(shí)選擇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。