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

Question

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 应用程序，则用户将离开 WebApp 并进入 YouTube 应用程序。如果打开的页面上存在视频，就会发生这种情况。视频不必选择自动播放，或者用户没有播放视频的选项。默认情况下，它们会自动从 WebApp 中取出。

有没有办法在不从 iPad 中删除 YouTube 应用的情况下防止这种情况发生？

Answer 1

我是 this answer 来自 Apple 支持社区的。我所要做的就是在 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>

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

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

Embedded YouTube videos in HTML5 standalone app iOS 8.3 opening YouTube app

javascript

html

ipad

html5-video

ios8.3