業精於勤，事立於豫

爬了約莫三小時的文章，終於看到一線曙光。

由於痞克邦有每月的上傳流量300M的限制，不得不找另一管道來播放音樂。

但由於部落格大多有禁止外部連結撥放的問題，所以看了許多網路文章，在try and error的反覆試驗下，終於找到利用「youtube 撥放音樂」的方式。

接下來，就來說明如何使用：

1. 開啟YouTube 影片，複製網址中的影片 ID https://www.youtube.com/watch?v=XXX......，如同下圖選取的部分。

2. 複製下面的程式碼，將「VIDEO_ID」部分改成的影片 ID。

<div data-video="VIDEO_ID"  
    data-autoplay="0"         
    data-loop="1"             
    id="youtube-audio">
</div>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="https://cdn.rawgit.com/labnol/files/master/yt.js"></script>

 補充：

(1) data-autoplay 設定為 1，音樂將會在頁面載入後自動播放。

(2) 如果將 data-loop 設定為 1 那音樂會循環播放直到手動停止。

3. 將程式碼貼到HTML，完成。

結果展示：

文章原文來自：https://www.labnol.org/internet/youtube-audio-player/26740/