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应用程序?
答案 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>
在我的测试应用中,它对我有用。