safari html5 自动全屏,IOS10全屏safari Javascript

当用户点击网站上的按钮时,我正试图让div全屏显示.

唯一的问题是,除了IOS上的Safari之外,每个浏览器似乎都想工作.

我需要做些什么才能使其全屏？我尝试过研究,却找不到任何东西.

继承我目前的代码：

function goFullscreen(id) {

var element = document.getElementById(id);

var isInFullScreen = (document.fullscreenElement && document.fullscreenElement !== null) ||

(document.webkitFullscreenElement && document.webkitFullscreenElement !== null) ||

(document.mozFullScreenElement && document.mozFullScreenElement !== null) ||

(document.msFullscreenElement && document.msFullscreenElement !== null);

var docElm = document.documentElement;

if (!isInFullScreen) {

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 (document.exitFullscreen) {

document.exitFullscreen();

} else if (document.webkitExitFullscreen) {

document.webkitExitFullscreen();

} else if (document.mozCancelFullScreen) {

document.mozCancelFullScreen();

} else if (document.msExitFullscreen) {

document.msExitFullscreen();

}

解决方法:

正如许多帖子中所提到的,在Safari和Chrome中无法在IOS> = 10上切换到全屏.这是因为不支持Fullscreen API：

你有两个可能的技巧：

标签：jquery,javascript,ios,safari,html

来源： https://codeday.me/bug/20190622/1265626.html

safari html5 自动全屏,IOS10全屏safari Javascript相关推荐

html手机端自动全屏,HTML5在手机端实现视频全屏展示方法
最近做项目,遇到一个问题,在手机上要实现视频的全屏播放功能.测试了很久,终于找到解决办法. 第一种:将视频放大来控制. 视频在播放的时候,全屏是根据高度来的,如果设置视频 video 标签的宽度是 1 ...
jquery video全屏_用videojs让HTML5视频在移动端全屏的方法
用videojs让HTML5视频在移动端全屏的方法文章标签: 视频 : 04-10 19:23 : 1859次 : 0条 1赞点赞简介在使用videojs插件时,如何让HTML5的视频在移动端里 ...
HTML5视频手机全屏,HTML5在手机端实现视频全屏展示方法
这篇文章主要介绍了HTML5在手机端实现视频全屏展示方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧最近做项目,遇到一个问题 ...
mac上投屏android_全平台Win/Mac全设备Android/iOS 免费无线投屏神器
東笙资源部落 [特别声明]所有软件皆来源于网上收集整理,所分享资源只做日常学习和交流使用,版权归原作者或原网站所有.不得用作其它用途,如有侵犯你的权益,请联系我们,将于24小时内进行删除,谢谢你的配合 ...
Android刘海屏适配全方案（华为、小米、Vivo、Oppo)
前言目前市面上的刘海屏和水滴屏手机越来越多了,颜值方面是因人而异,有的人觉得很好看,也有人觉得丑爆了,我个人觉得是还可以.但是作为移动开发者来说,这并不是一件好事,越来越多异形屏手机的出现意味着我们 ...
手机投屏不是全屏怎么办_手机、电脑投屏怎么全屏
原标题:手机.电脑投屏怎么全屏手机.电脑投屏怎么全屏为什么我们将手机.电脑投屏在大屏幕上经常会出现不是满屏的情况.主要原因是因为投屏端(手机.电脑)和显示端的长宽比例不一致导致的. Windows ...
Win7 蓝屏代码全攻略
Win7 蓝屏代码 & 全攻略 Windows 7.Vista等系统的蓝屏,之前软媒在Win7之家和Vista之家都有很多文章讨论过,但是都是筛选的常见的一些问题,今天这个文章是个大全,希望大 ...
dosbox全屏游戏花屏_DOSBox在今年圣诞节享受一些DOS游戏
dosbox全屏游戏花屏 I blogged about DOSBox five years ago! Apparently I get nostalgic around this time of y ...
Android 沉浸式状态栏和全面屏遇到刘海屏
文章目录一.沉浸式状态栏 1.1 Android 4.4(API 19)- Android 5.0( API 21) 1.2 Android 5.0(API 21)以上版本 1.3 Android ...
win7蓝屏_史上最全电脑蓝屏代码含义，Win7电脑蓝屏最全攻略
电脑蓝屏大家或多或少的都遇到过,今天李哥为大家整理了这方面的内容,给大家来详细了解一下. 电脑蓝屏,又叫蓝屏死机,简称BSOD,是微软的 Windows 系列操作系统在无法从一个系统错误中恢复过来时, ...

safari html5 自动全屏,IOS10全屏safari Javascript

safari html5 自动全屏,IOS10全屏safari Javascript相关推荐

最新文章

热门文章