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

时间:2015-04-22 10:35:07

标签: javascript html5 ipad html5-video ios8.3

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

<!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应用程序?

1 个答案:

答案 0 :(得分:11)

我从Apple支持社区发送了this answer。我只需要在iframe的src中添加'-nocookie'之后添加'-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>

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