Я пытаюсь использовать mediaelement.js для потоковой передачи видеофайлов через сервер Wowza. К сожалению, я могу заставить его работать только на iPhone/iPad или в настольных браузерах. Я действительно не знаю, почему это так, но я обнаружил, что iPad/iPhone явно нуждается в другом URL-адресе для воспроизведения видео (http:// и playlist.m3u8).
Это то, что я получил до сих пор:
<video poster="images/dummy.jpg" controls="controls" preload="none">
<!-- source for desktop -->
<source src="rtmp://tv.mysite.de/mp4:movieclip.mp4" type="video/mp4" />
<!-- source for iPad/iPhone -->
<source src="http://tv.mysite.de/mp4:movieclip.mp4/playlist.m3u8" type="video/mp4" />
</video>
<script>
$('video').mediaelementplayer();
</script>
Если я использую этот код, он работает только в настольных браузерах. При использовании только первого источника он не работает на iPhone/iPad. То же самое для настольных браузеров, если я использую второй источник.
Есть ли способ сделать волшебство возможным для всех устройств/браузеров? Может быть, я использую 2-й источник как запасной вариант для мобильной iOS или что-то в этом роде, или я что-то не так делаю?
Заранее спасибо!