Question

我正在尝试使用mediaelement.js通过Wowza Server传输视频文件。不幸的是，我只能在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。如果我使用第二个源，桌面浏览器也是如此。

有没有办法让所有设备/浏览器都能发生魔力？也许使用第二个来源作为移动iOS或其他东西的后备还是我做错了什么？

提前致谢！

Answer 1

尝试像这样指定iPad / iPhone来源：

<source src="http://tv.mysite.de/mp4:movieclip.mp4/playlist.m3u8" type="application/x-mpegURL" />

Answer 2

您是否尝试使用不包含冒号“：”的视频路径？我不知道这是否是问题，但“：”冒号是Mac文件系统的特殊字符，不允许在文件路径中使用。

使用mediaelement.js播放iPhone / iPad的替代源

2 个答案: