Wowza Server 経由でビデオ ファイルをストリーミングするために mediaelement.js を使用しようとしています。残念ながら、iPhone/iPad またはデスクトップ ブラウザでしか動作しません。理由はよくわかりませんが、iPad/iPhone で動画を再生するには明らかに別の URL (http:// とプレイリスト.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 番目のソースを使用する場合は、デスクトップ ブラウザーでも同じです。
すべてのデバイス/ブラウザで魔法を起こす方法はありますか? 2 番目のソースをモバイル iOS のフォールバックとして使用するか、何か間違っているのでしょうか?
前もって感謝します!