2

我正在尝试使用 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。如果我使用第二个来源，桌面浏览器也是如此。

有没有办法让所有设备/浏览器都发生奇迹？也许使用第二个来源作为移动 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 回答