JavaScript を使用してHTML5で簡単なアプリケーションを作成しようとしています。ボタンを押すとランダムに音が鳴るようになっています。
ウェブサイトにアップロードすると問題なく動作しますが、スマートフォンでは動作しません。
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
function playSounds() {
var sounds = new Array(
"musik/shut the f**k up.mp3",
"musik/My gun's bigger than yours!.mp3"
);
var index = Math.floor(Math.random() * (sounds.length));
$("#element").html("<embed src=\"" + sounds[index] + "\" hidden=\"true\" autostart=\"false\" />");
}
</script>
<title></title>
<meta charset="utf-8">
</head>
<body= "javascript:playSounds()">
<button onClick="playSounds()">
LAUGH</button>
<div id="element">
</div>
</body>
</html>
サイトからファイル内のコンテンツをコピーしjquery.min.js
、サウンドを再生する必要があるメインページにアプリケーションで直接リンクしました。
ソースはここにあります:
http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js
JavaScript コードのデバッグを試みましたが、問題が見つからないようです。
これを解決するにはどうすればよいですか?