这个jQuery插件提供了一种简单易用的机制来控制现代浏览器的新全屏模式
Posted
tags:
中文标题:这个jQuery插件提供了一种简单易用的机制来控制现代浏览器的新全屏模式 原文标题:This jQuery plugin provides a simple to use mechanism to control the new fullscreen mode of modern browsers 项目评级:Star:338 Fork:148 下载地址:https://github.com/code-lts/jquery-fullscreen-plugin 详情介绍jQuery全屏插件
描述
这个jQuery插件提供了一个简单易用的机制来控制
现代浏览器的新全屏模式。目前仅基于较新的Webkit
浏览器(如Chrome和Safari)、Firefox和IE11+提供了这种新功能
全屏功能。
用法
进入全屏模式
您可以将整个页面或单个HTML元素切换为全屏
模式:
只有当代码由用户交互触发时,这才有效(对于
例如按钮上的onclick事件)。浏览器不允许输入
无需用户交互的全屏模式。
退出全屏模式
全屏模式总是通过文档退出,但此插件允许
它也通过任何HTML元素。所选HTML的所有者文档
元素,则:
查询全屏模式
只需不向fullScreen
方法传递参数即可查询当前
状态该方法返回当前全屏元素(如果
浏览器不支持此功能),如果不支持,则false
当浏览器完全不支持全屏模式时,激活或null
。
因此,您也可以使用此方法来显示全屏按钮,仅当
浏览器支持全屏模式:
切换全屏模式
该插件提供了另一种简单的全屏模式切换方法:
通知
全屏模式已更改。如果浏览器拒绝全屏显示
状态更改,则插件在
文件例子:
全屏iframe
默认情况下,不允许从iframe中进入全屏模式,但
它可以通过iframe上的几个属性来启用:
已知问题