HTML5 视频无法在移动设备中播放答案

【问题标题】：HTML5 Video does not play in mobile deviceHTML5 视频无法在移动设备中播放
【发布时间】：2012-05-24 06:40:56
【问题描述】：

我正在使用带有此代码的 HTML5 视频：

<div id="lightBox1" class="lightBox">
    <video id="video" controls preload="metadata">
        <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.mp4" type="video/mp4">
        <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.ogv" type="video/ogg">
        <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.m4v" type="video/m4v">
        <p style="text-align:center;">Your browser does not support HTML5 Video.</p><br />
    </video>
</div>

问题是它不能在移动版 Safari 中播放，但可以在桌面版 Safari 中播放。正如预期的那样，它还可以在 chrome、firefox 中播放。我还没有在安卓设备上测试过。有什么想法吗？

【问题讨论】：

我不知道该怎么做。 xD 请指导我如何做到这一点。

标签： javascript jquery html video

【解决方案1】：

要尝试的几件事：

在“视频源”属性中使用绝对 URL
某些设备可能需要很少的额外时间来加载视频
换个设备试试（如你所说）

希望这会有所帮助。

【讨论】：

【解决方案2】：

您的手机浏览器可能不支持 HTML5 ..

【讨论】：

这个问题清楚地表明这是关于 Mobile Safari 的。虽然没有说明版本号，但这些信息足以断定浏览器应该可以工作。