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

时间:2012-05-24 06:40:56

标签: javascript jquery html html5 video

我正在使用带有此代码的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>

问题是它不能在Mobile Safari中播放,但它确实在桌面Safari中播放。它也像预期的那样在chrome,firefox中播放。我还没有在Android设备上测试过这个。有什么想法吗?

2 个答案:

答案 0 :(得分:3)

要尝试的事情:

  1. 在“视频src”属性中使用绝对网址

  2. 某些设备可能只需要很少的额外时间来加载视频

  3. 更改设备并尝试(如您所说)

  4. 希望这会有所帮助。

答案 1 :(得分:-3)

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