除非直接访问，否则不会播放 HTML 5 Mobile Safari 视频答案

【问题标题】：HTML 5 Mobile Safari Video is not playing unless accessed directly除非直接访问，否则不会播放 HTML 5 Mobile Safari 视频
【发布时间】：2013-03-16 19:21:30
【问题描述】：

我正在使用 jquery mobile 和 video 标签来显示视频。我的视频在所有“桌面”浏览器上都可以正常播放，但是当我在移动 safari (iPhone) 中使用以下代码播放时，它只显示黑色矩形，没有任何控件。

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

当我通过输入视频的 URL 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>

【问题讨论】：

标签： html jquery-mobile safari mobile-safari html5-video

【解决方案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>

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

【讨论】：

不。它没有。问题是 jquerymobile。