Почему разные EOL в html заставляют javascript в Safari вести себя по-другому?

У меня есть два одинаковых html файла (кроме символа EOL - один - LF, а другой - CRLF), который я использую для загрузки 2 аудиофайлов с помощью XMLHttpRequest. Я не использую веб-сервер (потому что цель - загрузить его в ipad и запустить его без какого-либо веб-сервера). Я просто использую открытые с Safari (для Mac).

Ошеломляющая вещь заключается в том, что файл с концами LF способен загружать аудиофайлы просто отлично, но тот, у кого CRLF, получил:

Cross origin requests error (XMLHttpRequest cannot load file:///directories_to_files/cheer_and_clap.mp3. Cross origin requests are only supported for HTTP.)

Вы можете посмотреть файлы. Я еще не тестировал версию Safari для Windows.

p.loadBuffer = function(url, index) {
    var request = new XMLHttpRequest();
    console.log(url);
    request.open("GET", url, true);
    request.responseType = "arraybuffer";
        console.log(request);
    }
    request.onerror = function() {
        alert('BufferLoader: XHR error');
    }
    request.send();
}

Любое объяснение того, почему это происходит?