添加音頻到鏈接點擊時的HTML代碼的問題

我正在爲HTML 5中的網頁編寫代碼，我似乎無法讓我的音頻文件播放時單擊鏈接。當您單擊瀏覽器上的後退按鈕時，它將播放音頻，但不會在單擊鏈接時播放。添加音頻到鏈接點擊時的HTML代碼的問題

這裏是一個我在上故障代碼段：

<audio id="hit" src="audio/hit.mp3" preload="hit"></audio> 

    <a href="Index.html" onclick="document.getElementById('hit').play()">Home</a> 
    <a href="Lessons.html" onclick="document.getElementById('hit').play()">Lessons and Camps</a> 
    <a href="Staff.html" onclick="document.getElementById('hit').play()">Staff</a> 
    <a href="Error.html" onclick="document.getElementById('hit').play()">Online Store</a> 
    <a href="Contact.html" onclick="document.getElementById('hit').play()">Contact</a>

我嘗試添加一個分號到每一個環節後，（），但沒有幫助。我也嘗試在標籤中添加preload =「auto」，但這也沒有幫助。我有一個第一個代碼頁，在我正在使用的代碼中，我直接複製了代碼，而且一個代碼工作正常，所以我不確定爲什麼這樣做不是這樣。

我不知道是否我必須定義一個div的外部或不是，但我試着移動它，它仍然只有當後退按鈕被點擊時才起作用。

感謝您的幫助！

來源

2017-10-18 B. Silva

當您點擊這些鏈接時，他們會執行您的onclick事件，但也會遵循鏈接。您可以像這樣停止導航（保持與原始HTML類似）。

<a href="Index.html" onclick="document.getElementById('hit').play(); return false;">Home</a>

來源

2017-10-18 17:16:10 Fenton

那得到的聲音鏈接被點擊的時候玩，但那麼它不會導航到該頁面，有沒有辦法把它做兩者兼而有之？ –

不符合此設計......如果您導航，音頻將停止。告訴我一些關於你打算做什麼 - 例如，播放聲音5秒鐘，然後導航，或導航後播放聲音？ – Fenton

我只是試圖讓一個棒球棒的2秒鐘的MP3聲音點擊鏈接時擊球。幾個星期前，我有一個家庭作業，它的工作很好，我使用相同的音頻文件和相同的代碼，但由於某種原因，它現在不工作。 –

添加音頻到鏈接點擊時的HTML代碼的問題

回答

相關問題