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

【问题标题】：Play alternative source for iPhone/iPad with mediaelement.js使用 mediaelement.js 播放 iPhone/iPad 的替代源
【发布时间】：2012-10-11 08:53:32
【问题描述】：

我正在尝试使用 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 或其他东西的后备或者我做错了什么？

提前致谢！

【问题讨论】：

不知道？ :(我被困在这里...

标签： html streaming mediaelement.js wowza

【解决方案1】：

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

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

【讨论】：

像魅力一样工作！谢谢！不幸的是，我刚刚发现，这部电影不是在 Andoid 上开始的。还有其他适用于 Android 的类型属性吗？

【解决方案2】：

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

【讨论】：