當超鏈接點擊播放聲音，但仍然在同一頁上播放

Question

我知道已經有很多相關的問題了，但我嘗試了其餘的步驟，但似乎並不奏效。

這裏有一個部分我的代碼：

<?php 
<a href='Recordings/Marvin Gaye Lyrics by Charlie Puth feat. Meghan Trainor.mp3'>Play the music</a>' 
?> 

有將會有很多這樣在同一頁上的超鏈接時，可以播放音樂，但我引導到記錄鏈接後的。我該如何阻止？

感謝您提前幫忙！

---

設法解決它.. 需要注意以下幾點：1 ）我把@dagon的Javascript代碼並將PHP的回聲。 2）我用按鈕，而隱藏它的背景。

下面的代碼：

<audio id=\"player\"> 
    <source src=\"Recordings/Marvin Gaye Lyrics by Charlie Puth feat. Meghan Trainor.mp3\" type=\"audio/mpeg\"> 
</audio> 
<div> 
    <button class=\"link\" onclick=\"document.getElementById('player').play()\">Insert text here</button> 
</div> 

Answer 1

，而不是A HREF，使用音頻標籤：

<audio controls> 
<source src="Recordings/Marvin Gaye Lyrics by Charlie Puth feat. Meghan Trainor.mp3" type="audio/mpeg"> 
Your browser does not support the audio element. 
</audio> 

第2版，只播放按鈕：

<audio id="player"> 
    <source src="Recordings/Marvin Gaye Lyrics by Charlie Puth feat. Meghan Trainor.mp3" type="audio/mpeg"> 
</audio> 
<div> 
    <button onclick="document.getElementById('player').play()">Play</button> 
</div>