ウェブサイトで再生したいファイルがいくつかあり、それを変更するために ajax を使用しました。コードは次のとおりです。
<div id="play"></div>
<div id="list">
<span id="1">audio 1</span><br />
<span id="2">audio 2</span><br />
<span id="3">audio 3</span><br />
<span id="4">audio 4</span><br />
<span id="5">audio 5</span><br />
<span id="6">audio 6</span><br />
<span id="7">audio 7</span><br />
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#list span').click(function() {
$.ajax({
type: "GET",
url: "play.php",
data: { file: $(this).attr('id') }
}).done(function(msg) {
$('#play').html(msg);
});
});
});
</script>
ここにplay.phpがあります:
<audio controls="controls" preload="auto" autobuffer="autobuffer">
<source src="get-file.php?v=<?php echo 'ogg#'.intval($_GET['file']).''); ?>" type="audio/ogg">
<source src="get-file.php?v=<?php echo 'mp3#'.intval($_GET['file']).''); ?>" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
そして、get-file.php
再生したいファイルとファイルの種類を確認し、ヘッダーを使用してファイルを返します。問題はIE9にあります。ajaxを使用するとYour browser does not support the audio element.
、オーディオを実行すると...ブラウザで直接実行すると、正常に動作します。IE でこの ajax を修正するにはどうすればよいですか?