我想在用户点击链接/按钮时全屏显示视频.这在桌面上运行良好,但在使用chrome的iPad上运行不佳.
根据这个http://caniuse.com/fullscreen有一些限制,但我找不到该表上的chrome/ios.
如果有人告诉我这是一个有效的系统限制,我会非常感谢来自一个好消息来源的链接.
这是一些代码:
HTML:
使用Javascript:
function PlayFunction() { launchFullScreen(document.getElementById("video1")); // any individual element); $("#video1")[0].play(); }function launchFullScreen(element) { if (element.requestFullScreen) { element.requestFullScreen(); } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen(); } else if (element.webkitRequestFullScreen) { element.webkitRequestFullScreen(); } else if (element.msRequestFullscreen) { element.msRequestFullscreen(); } else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else { alert("no cai en ningun lado"); } }
JSfiddle:http://jsfiddle.net/9aSjn/16/
根据这个链接http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5:
那是因为Chrome for iOS不是Chrome.什么??它具有Chrome风格的用户界面,onmibox,语音搜索功能,并具有Chrome同步功能.但是,渲染和执行引擎不是Chrome.
我称他们为伪浏览器,您可以在我之前的帖子中看到我的意见和对评论区域的良好讨论.因此,Chrome for iOS实际上使用的是与Web共享大部分代码的iOS Web View.
Chrome for iOS正在使用的用户代理是Safari添加一个:"CriOS"(我猜的Chrome for iOS).用户代理中没有"Chrome"字样,因此如果您正在为Chrome做一些特别的事情,那么您就是安全的,并且不会在iOS上的Chrome上执行.
结论,当您在iOS上使用Chrome时,您正在使用Safari,这就是为什么它没有出现在caniuse表中.