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

Tom*_*Tom 8 javascript html5 ipad html5-video ios8.3

Apple最近修复了iOS 8上的错误,其中YouTube视频无法在WebApp上播放(为什么HTML5视频无法在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>
Run Code Online (Sandbox Code Playgroud)

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

如果安装了YouTube应用,则会将用户从WebApp中删除并放入YouTube应用.如果打开的页面上存在视频,则会发生这种情况.视频不必选择自动播放,或者用户无法播放视频.它们将自动从WebApp中取出作为默认值.

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

Tom*_*Tom 11

我收到Apple支持社区的回复.我所要做的就是在iframe的src中添加'-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>
Run Code Online (Sandbox Code Playgroud)

它在我的测试应用程序中适用于我.