html页面全屏问题 火狐浏览器报错 请求全屏已拒绝,至少一个文档包含的元素不是一个 iframe

HTML 点击全屏,实现 本页面全屏展示 , 单独打开HTML文件没问题,放到工程里谷歌没问题,火狐报错:请求全屏已拒绝,至少一个文档包含的元素不是一个 iframe,或没有"allowfullscreen"属性。

html代码

    <div id="showscreen" class="ol-unselectable ol-control  tool-button draw-button"> 
                <button type="button"  onclick="showOrNone();" title="全屏" style="width:80px" ><image src="static/img/ico_qp.png" height="16px" width="16p"></image><span>&nbsp;&nbsp;全 &nbsp;屏</span></button>
                </div>

js代码

function showOrNone(){

            var isFullscreen = document.fullScreenElement//W3C
                    ||document.msFullscreenElement //IE
                    ||document.mozFullScreenElement //火狐
                    ||document.webkitFullscreenElement //谷歌
                    ||false;
    if(!isFullscreen){
        var el = document.documentElement;
        if (el.requestFullscreen) { 
            el.requestFullscreen(); 
        } else if (el.mozRequestFullScreen) { 
            el.mozRequestFullScreen(); 
        } else if (el.webkitRequestFullscreen) { 
            el.webkitRequestFullscreen(); 
        } else if (el.msRequestFullscreen) { 
            el.msRequestFullscreen(); 
        } 
    }else{
        if (document.exitFullscreen) { 
            document.exitFullscreen(); 
        } else if (document.msExitFullscreen) { 
            document.msExitFullscreen(); 
        } else if (document.mozCancelFullScreen) { 
            document.mozCancelFullScreen(); 
        } else if (document.webkitCancelFullScreen) { 
            document.webkitCancelFullScreen(); 
        } 
    }

        }

报错
请求全屏已拒绝,至少一个文档包含的元素不是一个 iframe,或没有"allowfullscreen"属性。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
为什么手机适配meta-viewport后火狐浏览器并不能全屏显示,别的浏览器都可以?
请大神指教为什么手机适配meta-viewport后火狐浏览器并不能全屏显示,别的浏览器都可以?
移动端关于腾讯云视频全屏、缩小问题
在混合开发的工程种,h5做的一个腾讯云视频播放,需要放大缩小,在移动端,放大之后,如果手机小面有操作栏,那么放大之后的缩小按钮会位于操作栏上![图片说明](https://img-ask.csdn.net/upload/202001/21/1579596519_752260.png),导致无法点击到缩小按钮,没有看到腾讯云的api有相关问题; ## 我们尝试的解决方法; 我们在项目开发过程种尝试了检测放大,去改变他的高度,但是很遗憾并没有修改成功![图片说明](https://img-ask.csdn.net/upload/202001/21/1579596671_295144.png); ##相关代码 ``` this.player[`name${i}`].on("fullscreenchange", (val1, index1) => { // console.log("1 ", document.body.clientHeight); // console.log("2 ", window.screen.availHeight); // console.log("3 ", window.screen.height); // console.log("4 ", this.player[`name${i}`].width()); // console.log("5 ", this.player[`name${i}`].height()); // console.log(this.player[`name${i}`]); // this.player[`name${i}`].options.height = window.screen.clientHeight; // console.log("6 ", this.player[`name${i}`].height()); }); ``` ##结果 这些console打印出来的时屏幕的实际高度,但是最后设置之后的高度检测都是0; 想问下谁有什么解决方案么?谢谢额
关于element ui的Dialog 弹框全屏显示问题?
使用element ui的Container布局容器,在页面上点击新增时使用Dialog弹出 新增页面,但是我只在el-main里全屏打开,不想整个网页打开,该如何处理?
javascript 在浏览器全屏状态下如何监听按下esc键的动作?
请问javascript 在浏览器全屏状态下如何监听按下esc键的动作,谢谢! (触发fullscreen方法实现的全屏) ![图片说明](https://img-ask.csdn.net/upload/201910/30/1572404311_870654.png)
matplotlib所绘制的图像在全屏查看时比例失调,怎么解决?
将matplotlib嵌入pyqt5绘制自定义图像,但是在全屏状态下查看图像时,图像比例失调,请问有解决方案么?
如何屏蔽微信播放视频右上角上名字为全屏的按钮
微信X5内核浏览器打开视频,已经把视频video标签设置好了 可以屏蔽自动全屏和一系列的相关显示。 但现在安卓上打开只有右上角有个名字为全屏的按钮 ,ios上没有 ,请问有没有什么方法可以屏蔽右上角的全屏这个按钮?
怎么用js 控制 ie 浏览器全屏
如题 判断是否为ie神马的没问题 但怎么控制它全屏内 谷歌火狐的都没问题
关于浏览器F11网页全屏问题
我做了一个网页导航条的效果,默认是隐藏的,鼠标离开页面最上方的时候显示导航条,效果也已经实现。 现在有个想法,就是网页全屏的时候也显示导航条,不过发现问题了:1、导航条显示一下瞬间又消失了;2、网页全屏状态下按F11js代码不执行。下面是我的代码,哪路大神能看下给个建议。 ``` var scrheight = screen.height; var webheight = $(window).height(); //alert(scrheight+":"+webheight); $(window).keydown(function(event){ if(event.keyCode == 122){ setTimeout(navshow, 500); } }); function navshow(){ console.log(screenheight+":"+webheight); if(screenheight == webheight){ alert("yes"); navigationShow(); } else{ alert("not"); navigationHide(); } } ``` PS:setTimeout用法原因:如果不用的话会瞬间调到全屏状态,导航栏闪一下的效果都没看见。
electron开发的桌面程序使用的全屏,点击任务栏桌面后会退出全屏
使用electron开发了一个桌面应用程序,设置了默认全屏,但是在点击了任务栏的桌面按钮后会自动退出全屏,不知道用什么方法能够避免这个问题 ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573438744_450705.png) 这个是程序运行的效果,这个时候是全屏显示的, ![ss](https://img-ask.csdn.net/upload/201911/11/1573438778_661921.png) 点击了这个返回桌面的按钮,程序编程了800 * 600 的默认宽高,如下图 ![图片说明](https://img-ask.csdn.net/upload/201911/11/1573438953_432566.png) 白色区域是设置的透明,关闭了调试工具后造成的,为了方便看效果,这个可以忽略。 怎么才能避免这个bug,点击了任务栏的桌面按钮后不会退出全屏
HTML5,javascript如何让浏览器自动全屏显示(或者python实现)
``` <html > <meta charset="UTF-8"> <body> <button onclick="launchFullscreen(document.documentElement);">启动全屏</button> <script> 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(); } } </script> </body> </html> ``` 现在这段代码只能点击按钮才能全屏,有没有什么方法自动全屏浏览器的 请给出代码实现 谢谢
全屏Activity跳到非全屏Activity后出现显示问题
工作中碰到一个问题,从全屏Activity跳到非全屏Activity后,第二个Activity出现先全屏显示,再非全屏显示的问题。就好像状态栏将全屏的Activity硬生生的挤成非全屏。 请问这是为什么?Android本身的机制?有高手能解释一下吗?
html如何实现跳转到一个本地页面时就自动全屏
如题,html如何实现跳转到一个本地页面时就自动全屏(类似f11功能)!!!
手机app video标签 全屏问题
当我进入视频页面的时候,我就让video标签自动全屏,用什么方法可以写呢。。手机app开发的问题
AS3 Flash 全屏问题。
AS3写的一个Flash player的demo,里面有设置全屏,但点击后,会出现另外一个Adobe的页面,似乎是想全屏的效果,但没有任何图像,只有一句按esc退出全屏,非全屏的视频页面还在,并且还在播。为什么会这样?该怎么办?
html5开发,android中的微信内置浏览器如何让video标签的视频不全屏播放
android微信中扫一扫打开的网页播放video标签时全屏才能播放,不全屏就暂停,video如何不全屏播放?是android的
HTML页面中全屏视频背景怎么按顺序播放
如题,做了个全屏视频页面,但是有几个视频。怎么能让网站按顺序播放而不是重复一个。
html5 video 部分安卓机自带浏览器会自动全屏而且视频是永远在最上层 设置z-index无效
最近有个移动端视频全屏的项目 视频要求全屏播放的 视频的上层有文字内容 但是魅族 小米(目前发现这两个)手机的自带浏览器视频直接把他覆盖在文字的上面设置z-index也无法处理 这个有什么办法可以处理 让视频去下层
谷歌浏览器播放视频点击全屏无法没有画面 ,只有声音
如题:我用的是video标签,火狐支持可以全屏 ,但是谷歌不可以,求大神解惑。
使用layui 弹出div全屏不可选择与导航栏问题
用户第一次登录 判断是否是新用户 是新用户的话弹出 需要修改信息 这个div一直在 怎么让用户只可以点击这个企业信息页面div里面的东西其他的不可以点击 ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过...
Linux(服务器编程):15---两种高效的事件处理模式(reactor模式、proactor模式)
前言 同步I/O模型通常用于实现Reactor模式 异步I/O模型则用于实现Proactor模式 最后我们会使用同步I/O方式模拟出Proactor模式 一、Reactor模式 Reactor模式特点 它要求主线程(I/O处理单元)只负责监听文件描述符上是否有事件发生,有的话就立即将时间通知工作线程(逻辑单元)。除此之外,主线程不做任何其他实质性的工作 读写数据,接受新的连接,以及处...
阿里面试官问我:如何设计秒杀系统?我的回答让他比起大拇指
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图和个人联系方式,欢迎Star和指教 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸,打败了...
五年程序员记流水账式的自白。
不知觉已中码龄已突破五年,一路走来从起初铁憨憨到现在的十九线程序员,一路成长,虽然不能成为高工,但是也能挡下一面,从15年很火的android开始入坑,走过java、.Net、QT,目前仍处于android和.net交替开发中。 毕业到现在一共就职过两家公司,目前是第二家,公司算是半个创业公司,所以基本上都会身兼多职。比如不光要写代码,还要写软著、软著评测、线上线下客户对接需求收集...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n...
一文详尽系列之模型评估指标
点击上方“Datawhale”,选择“星标”公众号第一时间获取价值内容在机器学习领域通常会根据实际的业务场景拟定相应的不同的业务指标,针对不同机器学习问题如回归、分类、排...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
压测学习总结(1)——高并发性能指标:QPS、TPS、RT、吞吐量详解
一、QPS,每秒查询 QPS:Queries Per Second意思是“每秒查询率”,是一台服务器每秒能够相应的查询次数,是对一个特定的查询服务器在规定时间内所处理流量多少的衡量标准。互联网中,作为域名系统服务器的机器的性能经常用每秒查询率来衡量。 二、TPS,每秒事务 TPS:是TransactionsPerSecond的缩写,也就是事务数/秒。它是软件测试结果的测量单位。一个事务是指一...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
程序员该看的几部电影
1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?如何...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
还记得那个提速8倍的IDEA插件吗?VS Code版本也发布啦!!
去年,阿里云发布了本地 IDE 插件 Cloud Toolkit,仅 IntelliJ IDEA 一个平台,就有 15 万以上的开发者进行了下载,体验了一键部署带来的开发便利。时隔一年的今天,阿里云正式发布了 Visual Studio Code 版本,全面覆盖前端开发者,帮助前端实现一键打包部署,让开发提速 8 倍。 VSCode 版本的插件,目前能做到什么? 安装插件之后,开发者可以立即体验...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
2019年除夕夜的有感而发
天气:小雨(加小雪) 温度:3摄氏度 空气:严重污染(399) 风向:北风 风力:微风 现在是除夕夜晚上十点钟,再有两个小时就要新的一年了; 首先要说的是我没患病,至少现在是没有患病;但是心情确像患了病一样沉重; 现在这个时刻应该大部分家庭都在看春晚吧,或许一家人团团圆圆的坐在一起,或许因为某些特殊原因而不能团圆;但不管是身在何处,身处什么境地,我都想对每一个人说一句:新年快乐! 不知道csdn这...
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
2020年的1月,我辞掉了我的第一份工作
其实,这篇文章,我应该早点写的,毕竟现在已经2月份了。不过一些其它原因,或者是我的惰性、还有一些迷茫的念头,让自己迟迟没有试着写一点东西,记录下,或者说是总结下自己前3年的工作上的经历、学习的过程。 我自己知道的,在写自己的博客方面,我的文笔很一般,非技术类的文章不想去写;另外我又是一个还比较热衷于技术的人,而平常复杂一点的东西,如果想写文章写的清楚点,是需要足够...
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
节后首个工作日,企业们集体开晨会让钉钉挂了
By 超神经场景描述:昨天 2 月 3 日,是大部分城市号召远程工作的第一天,全国有接近 2 亿人在家开始远程办公,钉钉上也有超过 1000 万家企业活跃起来。关键词:十一出行 人脸...
Java基础知识点梳理
虽然已经在实际工作中经常与java打交道,但是一直没系统地对java这门语言进行梳理和总结,掌握的知识也比较零散。恰好利用这段时间重新认识下java,并对一些常见的语法和知识点做个总结与回顾,一方面为了加深印象,方便后面查阅,一方面为了掌握好Android打下基础。
2020年全新Java学习路线图,含配套视频,学完即为中级Java程序员!!
新的一年来临,突如其来的疫情打破了平静的生活! 在家的你是否很无聊,如果无聊就来学习吧! 世上只有一种投资只赚不赔,那就是学习!!! 传智播客于2020年升级了Java学习线路图,硬核升级,免费放送! 学完你就是中级程序员,能更快一步找到工作! 一、Java基础 JavaSE基础是Java中级程序员的起点,是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
相关热词 c#如何定义数组列表 c#倒序读取txt文件 java代码生成c# c# tcp发送数据 c#解决时间格式带星期 c#类似hashmap c#设置istbox的值 c#获取多线程返回值 c# 包含数字 枚举 c# timespan
立即提问