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)
它在我的测试应用程序中适用于我.