javascript - 動的に作成された HTML5 オーディオは、一部のブラウザーでは再生できませんか?

Question

JavaScript でオーディオ要素を作成し、ドキュメントに追加しています。JavaScriptでも制御しています。Firefox、Chrome、Opera では正常に動作しますが、IE と Safari では動作しません。これら 2 つのブラウザーでは、audio 要素の readyState が 0 から変化することも、関連するイベントが発生することもありません。これが私の基本的なプログラムです：

var init = function() {
    var audioElement = createAudioElement();        
    audioElement.addEventListener('canplay', function() {
        audioElement.play();
        trace(audioElement.readyState);
    }, false);
    document.body.appendChild(audioElement);
    //audioElement.play();  
}

var createAudioElement = function() {
    var m4a = 'song.m4a';
    var ogg = 'song.ogg';

    var m4aSrc = document.createElement('source');
        m4aSrc.setAttribute('src', m4a);
        m4aSrc.setAttribute('type', 'audio/mp4');
    var oggSrc = document.createElement('source');
        oggSrc.setAttribute('src', ogg);
        oggSrc.setAttribute('type', 'audio/ogg');
    var audioEle = document.createElement('audio');
        audioEle.setAttribute('preload', 'preload');
        audioEle.appendChild(m4aSrc);
        audioEle.appendChild(oggSrc);

    return audioEle;
}