在iOS Safari中将mp4嵌入到网页时,我遇到了一个奇怪的问题。我正在使用视频标记嵌入它:
<video src='gizmo.mp4' width=560 height=320></video>
但是,在页面上,我收到了“视频不可用”的占位符图形(播放按钮,斜线通过它)
但是,当我转到我服务器上的直接视频(http://www.example.com/gizmo.mp4)时,视频效果非常好。
我正在使用here中的视频对此进行测试,我还没有最终的视频文件。我还用gizmo.m4v文件替换了gizmo.mp4文件,当我点击“Export for Web”时,Quicktime会生成该文件。我得到了相同的结果。
我只对iOS定位感兴趣,因此欢迎iPhone / iPad的特定解决方案(即使它们不能在网络上使用)
提前致谢!
-esa
编辑:进行了更多测试。由于这是我正在处理的离线应用程序,因此我完全处于脱机状态,依赖于清单。然而,一旦我拿出清单并且再次完全在线工作,视频就可以工作了。所以看起来像iOS的东西没有缓存视频资源?有问题的视频是748kB,所以它不是缓存大小问题(但是,当我尝试在线播放13MB电影时,Safari会自动要求缓存内容)
答案 0 :(得分:0)
视频被浏览器视为流媒体资源,并且不会被缓存 - 即使直接在.appcache清单文件中引用也是如此。我认为,唯一可以实现此功能的方法是将HTML 5应用程序打包为本机应用程序,使用众多可用工具之一(https://trigger.io,加速器等)。