在網頁上添加背景音樂，是提高用戶體驗的一種方式。而HTML5內置的音頻播放器讓添加音樂變得簡單易行。通過以下代碼，我們可以實現一個簡單的音樂播放器。

首先，在HTML文件的標簽中添加如下代碼：

<audio id="bgm" loop src="audio/bgm.mp3"></audio>
<script>
var bgm = document.getElementById("bgm");
bgm.play();
</script>

這段代碼中，我們首先通過<audio>標簽在頁面中添加了一個音樂播放器，并設置了播放模式為循環，音樂文件路徑為"audio/bgm.mp3"。

然后，在<script>標簽中，我們通過獲取音樂播放器的元素id，調用play()方法來自動播放音樂。

如果你想要添加控制按鈕，讓用戶可以手動控制音樂的播放和暫停，可以添加如下代碼：

<audio id="bgm">
<source src="audio/bgm.mp3" type="audio/mpeg">
<source src="audio/bgm.ogg" type="audio/ogg">
<p>Your browser does not support the audio element.</p>
</audio>
<button onclick="document.getElementById('bgm').play()">播放</button>
<button onclick="document.getElementById('bgm').pause()">暫停</button>

在這段代碼中，我們添加了兩個按鈕分別用于播放和暫停音樂。通過onclick事件綁定，當用戶點擊按鈕時，調用相應的方法來控制音樂的播放和暫停。

當然，如果你想要更加自定義的音樂控制器，可以使用HTML5提供的API，通過JS代碼來創建自己的音樂播放器。

總之，在實現音樂播放器時一定要注意音樂版權，合法使用音樂資源。