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中播放。我还没有在android设备上测试过。有任何想法吗？

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

答

几件事情尝试：

使用的“视频SRC”绝对URL属性
有些设备可能需要一些额外的时间来加载视频
更改设备并尝试（如你所说）

希望这会帮帮我。

使用绝对的URL为我工作。谢谢。 –

答

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

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

HTML5视频不会在移动设备上播放

相关推荐