0

ウェブサイトで再生したいファイルがいくつかあり、それを変更するために 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 を修正するにはどうすればよいですか?

4

0 に答える 0