Использую компонент http://mediaelementjs.com/#installation
(если есть что удобнее и проще для проигрывания аудио и видео, буду признателен)

использование такое
страница с формой,
пользователь выбирает файл -> submit
страница перезагружается с кодом

<code><script src="/scripts/jquery-1.4.4.min.js"></script>
<script src="/scripts/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="/scripts/mediaelementplayer.css" /></code>

<audio(video) src="путь" width="320" height="240"></audio(video)>

<script>
    $('audio(video)').mediaelementplayer(
    {
            features: ['playpause', 'progress']
    }); 
</script>

`audio(video) = генерируется audio или video в зависимости от файла

с видео все работает как положено, файл проигрывается
а с аудио, элемент появляется но не проигрывается,
если поставить точку останова на

<audio(video) src="путь" width="320" height="240"></audio(video)>

и продолжить то воспроизводится, как-будто, элементу нужна задержка

часть кода элемента разная
не воспроизводится

<span class="mejs-time-loaded"></span>
<span class="mejs-time-current"></span>
<span class="mejs-time-handle"></span>
<span class="mejs-time-float">
    <span class="mejs-time-float-current">00:00</span>
    <span class="mejs-time-float-corner"></span>
</span></span>

воспроизводится (остановка отладки была)

<span class="mejs-time-loaded" style="width: 364px; ">
</span><span class="mejs-time-current" style="width: 325px; "></span>
<span class="mejs-time-handle" style="left: 318px; "></span>
<span class="mejs-time-float" style="left: 318px; ">
    <span class="mejs-time-float-current">04:46</span>
    <span class="mejs-time-float-corner"></span>
</span></span>

Посоветуйте куда копать?