さいサーバー環境でJavaScriptでのAudio再生完了が返ってこない

HTML5/JSを用いてMP3ファイルを再生しております。
Audio①を再生完了⇒Audio②を再生を実装しております。

ローカル環境ではうまく再生できるのですが、サーバーにあげたら
Audio①しか再生されません。恐らく再生完了が返ってこないと思われます。

また、HTML側ではプルダウンメニューにて再生する音を選択できるように設定しております。

ご教授お願いします。

ｰ追記ｰ
ご回答ありがとうございます。すいません挙動が異なりましたので修正します。
PCでサーバー上ではオーディオ再生できました。
しかしスマホでは再生できない状況です。
PC:FireFox,Chrome
スマホ(iPhone5):Safari,Chrome
になります。

ｰ再追記ｰ
PCだと再生できました。
iOS,Androidだと再生できません。
原因不明です。。

■フォルダ構成
/audio/aa/audioA1.mp3
------------audioA2.mp3
-------bb/audioB1.mp3
------------audioB2.mp3

■HTML

HTML
1<!-- ○A -->
2<p>A：
3<select name="A">
4	<option value="audioA1">A1</option>
5	<option value="audioA2">A2</option>
6	<option value="audioA3">A3</option>
7</select>
8</p>
9
10<!-- ○B -->
11<p>B：
12<select name="B">
13	<option value="audioB1">B1</option>
14	<option value="audioB2">B2</option>
15	<option value="audioB3">B3</option>
16</select>
17</p>
18
19<!-- ○再生ボタン -->
20<p>
21<form name="playButton">
22	<input type="button" name="playButton" value="再生" onClick="playAudio()">
23</form>
24</p>

■JavaScript

JavaScript
1//再生スタート
2function playAudio(){
3	//Aの値を取得
4	var selectedA = $("#A").val();
5	//Bの値を取得
6	var selectedB = $("#B").val();
7	
8	//Aのパスを指定
9	audioA.src = "audio/aa/" + selectedA + ".mp3";
10	//Bのパスを指定
11	audioB.src = "audio/bb/" + selectedB + ".mp3";
12	
13	//Aを再生
14	audioA.play();
15	
16	//★Aの再生が完了したら
17	audioA.addEventListener("ended", function(e) {
18		//Bを再生
19		audioB.play();
20	});
21}