在 HTML5 独立应用程序 iOS 8.3 打开 YouTube 应用程序中嵌入 YouTube 视频答案

【问题标题】：Embedded YouTube videos in HTML5 standalone app iOS 8.3 opening YouTube app在 HTML5 独立应用程序 iOS 8.3 打开 YouTube 应用程序中嵌入 YouTube 视频
【发布时间】：2015-06-29 22:49:49
【问题描述】：

Apple 最近修复了 iOS 8 上 YouTube 视频无法在 WebApp 上播放的错误 (Why HTML5 video doesn't play in IOS 8 WebApp(webview)?)。此错误已在 iOS 8.3 中修复，但我遇到了另一个问题。在页面上嵌入 YouTube 视频后，如果该视频安装在 iPad 上，则会在 YouTube 应用中打开

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
    body {
        margin:0;
    }
</style>
</head>
<body>
    <iframe width="700" height="394" src="//www.youtube.com/embed/xspoREpBOhY?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
</html>

如果我在 Safari 中正常打开页面，则它可以正常工作。视频不会自动播放，当用户触摸它时它会在浏览器中播放。如果我删除 YouTube 应用程序，那么 WebApp 也会按预期工作。

如果安装了 YouTube 应用程序，则用户会从 Web 应用程序中退出并进入 YouTube 应用程序。如果打开的页面上存在视频，则会发生这种情况。视频不必选择自动播放，或者用户没有播放视频的选项。默认情况下，它们会自动从 WebApp 中取出。

有没有办法防止这种情况发生，而无需从 iPad 上删除 YouTube 应用程序？

【问题讨论】：

标签： javascript html ipad html5-video ios8.3

【解决方案1】：

Apple 支持社区向我发送了this answer。我所要做的就是在 iframe 的 src 中的 youtube 之后添加“-nocookie”

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
   body {
    margin:0;
   }
</style>
</head>
<body>
    <iframe width="700" height="394" src="//www.youtube-nocookie.com/embed/xspoREpBOhY?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
</html>

它在我的测试应用中对我有用。

【讨论】：

这也为我修复了它。我有点担心 YouTube 会停止支持 youtube-nocookie.com，因为文档中似乎不再提及它。