Question

我正在使用jquery手机和视频标签来显示视频。我的视频在所有“桌面”浏览器上播放都很好，但是当我在移动版Safari（iPhone）中使用以下代码播放时，它只显示没有任何控件的黑色矩形。

我使用了html5示例中常用的视频。（来自http://www.bigbuckbunny.org）所以它不应该是编码问题。

当我通过输入网址http://myurlofvideo.mp4直接访问视频时，它可以在移动版Safari中正常播放。

导致问题的原因是什么？

提前谢谢！

<video width="75%"  id="video1" controls="true"  autoplay="true">
<source src="videos/mov_bbb.mp4" type="video/mp4">
<source src="videos/mov_bbb.webm" type="video/webm">
Your browser does not support the video tag. 
</video>

Answer 1

我在iphone模拟器中尝试了下面的示例，它正在工作，检查出来。

<video width="320" height="240" controls>
   <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">  
   Your browser does not support the video tag.
   </video>

它显示视频的预览图像，当您点击它时全屏播放。

除非直接访问，否则不会播放HTML 5 Mobile Safari Video

1 个答案: