如何使 html5 视频与 iPad 上的桌面网络应用程序一起播放？答案

【问题标题】：How to make html5 video play nice with desktop webapps on the iPad?如何使 html5 视频与 iPad 上的桌面网络应用程序一起播放？
【发布时间】：2013-07-25 22:31:36
【问题描述】：

我无法通过运行 ios 6.1.3 的独立网络应用在 ipad 4 上播放视频的声音。在http://jsfiddle.net/6YVAH/查看这个小提琴

在任何支持 HTML5 视频的地方运行它，包括在 iPad 上的常规 Safari 浏览器中，视频剪辑运行良好，有声有视频。但是，将其另存为无铬独立 iPad 桌面 Web 应用程序，视频播放时没有声音。我也尝试过音频文件，保存到桌面时再次没有声音。

html 的内容很简单，您可能会得到。您可以通过删除 apple-mobile-web-app-capable 元标记来修复它：

 <meta name="apple-mobile-web-app-capable" content="yes" />

但这消除了作为无铬应用程序保存到桌面的可能性，这是我的要求。任何人都知道一种解决方法，或者这只是 ios 6.1.3 中的一个错误，有望在 7.0 中得到修复？

【问题讨论】：

作为 Web 应用开发者，我已经厌倦了这些 ios7 错误
我也有同样的问题，无法播放声音。它在 Safari 中有效，但在使用 apple-mobile-web-app-capable 时无效！

标签： ipad ios6 html5-video iphone-standalone-web-app

【解决方案1】：

我刚刚在 iOS 7 上出现了这些症状。我的 web 应用程序在 Safari 中运行正常，但从主屏幕作为全屏应用程序启动时就不行了。

原来我的铃声音量设置为静音，通过增加这个音量，我的主屏幕应用程序听起来很有效。

似乎 Safari 使用媒体音量（如我所料）并且出于某些奇怪的原因，主屏幕应用程序使用铃声音量。

【讨论】：