HTML Web 应用程序中的 iOS 8 嵌入式 YouTube 失败答案

【问题标题】：iOS 8 Embedded YouTube in HTML web app failsHTML Web 应用程序中的 iOS 8 嵌入式 YouTube 失败
【发布时间】：2014-11-16 07:57:48
【问题描述】：

YouTube iOS8 媒体加载问题 - 在 Safari 中成功播放媒体，但从主屏幕网络剪辑加载应用时，播放视频失败。

此外，在媒体加载失败时点击链接以离开页面会导致应用完全崩溃到主屏幕。

这是一个演示此的链接（显然在您的 iDevice 上运行）。您最初可以在 Safari 浏览器中运行它，它会正常工作。安装为主屏图标，播放视频会失败，点击底部链接会导致应用崩溃。

http://nterspace.com/youtubeissue.html

在 Safari 浏览器中加载应用程序时运行的代码是：

<iframe width="100%" maxwidth="432" height="270" src="//www.youtube.com/embed/_j4KrMAygJI" frameborder="0" allowfullscreen></iframe>

有人有什么想法吗？这是错误的嵌入代码吗？

【问题讨论】：

是iOS8的问题：[html5 video doesn't play in ios 8 homescreen webapp][1] [1]: stackoverflow.com/questions/25972362/…
我注意到“canplay”事件没有被触发，这是 Mobile Safari 中的视频 API 所要求的才能播放。现在，当“loadedmetadata”被触发时，我不得不依靠一些 javascript 来播放视频。可怕的错误。
@Cue 你能扩展一下你对canplay和loadedmetadata所做的事情吗？
在 iOS 8.1 中仍未解决。在 Apple Bug Reporter 中记录为 bug，得到的回应是它是另一个 bug 的副本……所以他们至少知道这一点。
过去两天我一直在尝试让嵌入的 YouTube 视频在我的网站上运行。我们是说这还是完全坏了吗？我什至无法让视频出现在页面上，更不用说播放了。

标签： html web-applications youtube crash ios8

【解决方案1】：

今天，2015 年 4 月 9 日。终于，这个问题得到了部分解决。更新到 8.3 版后，我的 webapps 重新开始工作，用于dailymotion 和 vimeo 视频。 Youtube 视频现在重定向到原生应用程序，这很烦人。

编辑：

由于 youtube 视频被重定向到本机应用程序，我不得不使用 youtube url，如下所示：

<iframe width="100%" height="300" src="https://www.youtube-nocookie.com/embed/hdjL8WXjlGI?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

因此我的用户无需离开网络应用即可观看视频。

由于某种原因，nocookie 选项不会重定向。让我们希望这将在下一个 iOS 版本中完全修复。

【讨论】：

我绝对不认为这已解决...启动原生 YouTube 功能而不是在 iPad 上或在 iPhone 上的网络应用程序内播放视频的替代功能不是修复，并且对我们的解决方案设计有很大的不利影响。
在我看来重定向是由 youtube 强制执行的。我设法在 webapps 中使用 youtube 视频，链接如下：youtube-nocookie.com/embed/videoIdAndOptions。由于某种原因，nocookie 选项不会重定向。
感谢您发布解决方案。将使用我们的应用对此进行测试。
感谢您发布此修复程序。我的登陆页面上有一个 youtube 视频，并且该网络应用程序一打开就会将您重定向到 youtube 原生应用程序。

【解决方案2】：

我也有同样的问题！

这是 IOS8 特有的问题。请参阅：https://discussions.apple.com/thread/6558443 希望 Apple 能尽快解决此问题。出现的另一个问题是无法使用播放按钮： The Play button on a youtube embed does not work on android-chrome

更新：他们已修复播放按钮问题！

【讨论】：

你能说更多关于更新的信息吗？我仍然在 iOS8 上看到这个问题。谢谢！

【解决方案3】：

对我来说它在 8.3 上仍然被破坏，但事实证明这是因为页面上有一个 <input type="search"> 元素（奇怪）。制作视频：https://www.youtube.com/watch?v=rrKxAIXnydE

【讨论】：

只是想补充一点，这里也讨论了这个修复：Embedded YouTube videos don't play on iPad (iOS 7) while HTML5 search input is visible

【解决方案4】：

iOS 8.3 修复了该错误。视频现在可以从主屏幕 webapp 播放，包括 appcache。

source:

【讨论】：

【解决方案5】：

刚刚在装有 IOS 8.1.3 的 iPad 上对此进行了测试 - 仍然损坏。

sneuf 的 iframe 适用于 safari 页面，但在从主屏幕（网络剪辑）加载时无效。

【讨论】：