Javascript を使用して <audio> タグを動的に作成する Chrome Web アプリケーションを作成しています。Javascript は、オブジェクト リテラルから名前を取得しています。Chrome を介してローカルでファイルを実行すると、問題なく動作します。それらをサーバーにロードすると、動作しなくなります。動的な画像は正常に機能するので、音声が機能しない理由が気になります。何が間違っている可能性がありますか?ここに私のJavaScriptコードがあります:
var IG = {
0: { 'sound': 'chair.ogg', 'link': 'images/chair.png', 'name': 'Chair'}
};
var audio1 = '<audio controls><source src="audio"';
var audio2 = '" type="audio/ogg">Your browser does not support the audio element. Please upgrade your browser.</audio>';
document.getElementById('quiz').innerHTML += audio1 + IG[order].sound + audio2;
更新: サウンド ファイルを直接再生すると、正常に動作します。例: www.site.com/audio/chair.ogg。mp3 ファイルも使用してみましたが、同じ結果が得られました。