文章探讨了如何在iOS Safari的移动网络环境下触发全屏功能，尤其是针对iPad。作者提供了一个JavaScript函数，尝试通过多种全屏API来实现，但发现该方法在iPad上的Safari不适用。提出的解决方案是为视频元素添加控制属性，让用户通过内置播放器启动全屏。此外，还讨论了其他可能的解决思路。
有没有办法在iOS Safari(移动网络)上触发全屏.全屏或全视口都会很棒.以下是我在下面尝试的内容：
function makefullscreen(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{
var requestFullscreen =
document.documentElement.requestFullscreen ||
document.documentElement.webkitRequestFullscreen ||
document.documentElement.mozRequestFullscreen ||
document.documentElement.requestFullScreen ||
document.documentElement.webkitRequestFullScreen ||
document.documentElement.mozRequestFullScreen;
if (requestFullscreen) {
requestFullscreen.call(document.documentElement);
}
else {
console.log("really!? come on...");
}
}
}
在用户动作上,上述功能被传递视频元素,如果全屏可用,则在视频元素上执行全屏.
这不适用于Safari for IPAD.
一种解决方法是将控件attr应用于视频标签,然后让用户使用本机播放器全屏启动全屏.
除了前面提到的任何想法？
扫一扫
1778
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
