fullScreen.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>index</title>
</head>
<body>
    <input type="button" value="全屏显示" onclick="fullScreen()">
<script>

    function fullScreen() {
        var el = document.documentElement;
        var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;

        if (typeof rfs !== "undefined" && rfs) {
            rfs.call(el);
        } else if (typeof window.ActiveXObject !== "undefined") {
            // for Internet Explorer
            var wscript = new ActiveXObject("WScript.Shell");
                wscript.SendKeys("{F11}");
        }
    }    

</script>
</body>
</html>
时间: 2024-10-14 06:25:25

fullScreen.html的相关文章

Fullscreen API 全屏显示网页

第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大.作为一个比较新的 API,目前只有 Safari.Chrome 和 FireFox 三种浏览器支持该特性.因为尚未发布正式版的标准,所以必须使用浏览器特定的方法,也就是应用添加前缀(webit/moz)的方法. 这个 API 不仅能够使整个页面全屏显示,也可以使页面中的某个元素全屏显示.它的设计初衷是为了全屏显示 HTML5 视频和游戏,以便更全面的替代 flash 功能.尽管还有很多有待完善的地方,

outdated: 28.Bezier Patches / Fullscreen Fix

Bézier curve经常应用于计算机图形学邻域. 三次Bézier curve演示: p为点的坐标. 一次Bézier curve: 二次Bézier curve: 三次Bézier curve: 每次对每个点进行处理.未处理时: 下面为代码.同样修改部分位于双行星号内. 1 /************************************************************************************************************

封装Html5 Fullscreen API

复制前言: 使用新的全屏 API,可以将用户的注意力导向特定元素,同时隐藏背景或转移对其他应用的注意力.因为W3C全屏规范还未达到最终版本,所以大多数浏览器供应商都使用唯一标识符为 API 添加前缀.在本例中,Microsoft 使用ms.最好是有单个函数可以请求所有前缀的全屏模式,类似于此处显示的大部分示例.若要获取更佳性能,请将 W3C API 名称放在第一,其后跟随设置前缀的版本. 先来几个或详细解释的地址吧: http://www.zhangxinxu.com/wordpress/201

jQuery全屏插件Textarea Fullscreen

插件描述 Textarea Fullscreen是一个jquery插件,可以将textarea设置为全屏模式 使用方法 引用jquery.js,jquery.textareafullscreen.js和textareafullscreen.css <link rel="stylesheet" type="text/css" href="css/textareafullscreen.css"> <script type="

android webview 全屏播放H5 (Playing HTML5 video on fullscreen in android webview)

最近关于webview的问题遇到的比较多,关于如何在webview中全屏播放视频,网上有很多种解决方法,这里也有一种方法,试了几种后发现还是这种比较好用. 这里就拿出来与大家分享,出自http://stackoverflow.com/questions/15768837/playing-html5-video-on-fullscreen-in-android-webview#userconsent# 代码里面已经有很好的注释了,我就不画蛇添足了. VideoEnabledWebChromeCli

HTML5 API详解(1):fullscreen全屏模式

fullscreen API 接口 属性1:fullscreenElement 该属性返回当前处于全屏模式的DOM元素. 属性2:fullscreenEnabled 该属性返回当前 document 是否进入了可以请求全屏模式的状态. 方法1:requestFullscreen() 请求进入全屏模式. 方法2:exitFullscreen() 退出全屏模式. 事件1:fullscreenchange 进入/退出全屏模式切换时会触发. 事件2:fullscreenerror 进入/退出全屏模式失败

Fullscreen API

Launching Fullscreen Mode // Find the right method, call on correct element function launchIntoFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen()

HTML5全屏(Fullscreen)API详细介绍

// 整个页面 onclick=   launchFullScreen(document.documentElement); // 某个元素 launchFullScreen(document.getElementById("videoElement")); // 找到支持的方法, 使用需要全屏的 element 调用 function launchFullScreen(element) { if(element.requestFullscreen) { element.request

Silverlight FullScreen 全屏

<UserControl x:Class="FullScreen.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blen