HTML5视频在移动设备上无法播放。

Question

我正在使用以下代码的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中也能正常播放。我还没有在安卓设备上测试过。有什么想法吗？

- AJ Naidas

Answer 1

有几件事情可以尝试：

1. 在'视频src'属性中使用绝对URL

2. 一些设备可能需要额外的时间来加载视频

3. 更改设备并尝试（就像你所说的）

希望这会有所帮助。

- IndrajithP

Answer 2

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

- qwerty

---

问题明确表示这是关于移动Safari的。虽然没有提到版本号，但信息足以得出结论，该浏览器“应该”能够正常工作。 - pixelistik