2

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 のフォールバックとして使用するか、何か間違っているのでしょうか?

前もって感謝します!

4

2 に答える 2

1

次のように iPad/iPhone ソースを指定してみてください。

<source src="http://tv.mysite.de/mp4:movieclip.mp4/playlist.m3u8" type="application/x-mpegURL" />
于 2012-12-27T15:18:58.717 に答える
0

コロン「:」を含まないビデオへのパスを使用してみましたか? それが問題かどうかはわかりませんが、「:」コロンは Mac ファイル システムの特殊文字であり、ファイル パスでは使用できません。

于 2012-11-01T01:44:10.723 に答える