手機jquery onclick不播放音頻文件？

Question

這是我的腳本

function playSound(soundfile) { 

document.getElementById("ui-btn-text").innerHTML=document.getElementById("ui-btn-text").innerHTML + 
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />"; 

} 

這是我的代碼的一部分

<a style='font-family:Arial,Helvetica,sans-serif;font-size:200%;' 
id="ui-btn-text" onclick="playSound('image/button.mp3');" 
href="#" data-ajax="false" data-transition="slide"></a> 

我不知道爲什麼音頻文件不能播放！

或者有什麼更好的解決方案，我在做什麼？

Answer 1

已經將它寫它應該產生一些HTML喜歡的方式：

<a style='font-family:Arial,Helvetica,sans-serif;font-size:200%;' id="ui-btn-text" onclick="playSound('image/button.mp3');" href="#" data-ajax="false" data-transition="slide"> 
    <embed src="image/button.mp4" hidden="true" autostart="true" loop="false" /> 
</a> 

如果它的將是已經隱藏起來，爲什麼不把它某處在頁面上，只是觸發音頻時播放該按鈕被點擊。設置autostart="false"，然後使用JS/JQuery在按鈕被點擊時播放mp4。

HTML

<a style='font-family:Arial,Helvetica,sans-serif;font-size:200%;' id="ui-btn-text" onclick="playSound('ui-btn-sound');" href="#" data-ajax="false" data-transition="slide"> 
</a> 
<embed src="image/button.mp4" hidden="true" autostart="false" loop="false" id="ui-btn-sound" /> 

的JavaScript

function playSound(id) { 
    var audioFile = document.getElementById(id); 
    audioFile.Play(); 
    return false; 
} 

我個人會建議使用HTML5 audio標籤，如果需要回落到嵌入式選項。

<audio controls> 
    <source src="image/button.mp4" type="audio/mp4"> 
    <!-- Fail Over --> 
    <embed src="image/button.mp4" hidden="true" autostart="false" loop="false" id="ui-btn-sound" /> 
    <a href="" onclick="playSound('ui-btn-sound')">Play</a> 
</audio> 

的audio標籤也有很多的方式來控制它的外觀，並通過JS/jQuery函數。你可能想看看像audio.canPlayType('audio/mp4');。 這裏是一個老例如，有人向我挑戰，使那些沒有每個音符之間的滯後鋼琴，並允許在一個新的註釋被打要停止其他注意事項：http://www.yrmailfrom.me/projects/html5/piano.php

編輯： 回答這個問題後，我啓發創建一個快速的JQM HTML5播放器：http://www.yrmailfrom.me/projects/html5/audioplay.php

希望可以幫助你。