資訊專(zhuān)欄INFORMATION COLUMN
摘要：涉及方法請(qǐng)求全屏退出全屏取消全屏監(jiān)聽(tīng)全屏變化全屏全屏退出全屏通過(guò)事件監(jiān)聽(tīng)退出全屏也可通過(guò)來(lái)監(jiān)控全屏變化
涉及方法：
requestFullScreen：請(qǐng)求全屏
exitFullscreen：退出全屏
cancelFullScreen：取消全屏
fullscreenchange：監(jiān)聽(tīng)全屏變化
html
js
// 全屏
var $fullScreenEle = $("#js_full_screen"),
$fsChildEle = $fullScreenEle.children(),
$navbarEle = $(".zh-navbar"),
$headerEle = $(".zh-header");
$fullScreenEle.click(function() {
if($fsChildEle.hasClass("iconfont-full-screen")) { // 全屏
var docEle = document.documentElement;
var rfs = docEle.requestFullScreen || docEle.webkitRequestFullScreen || docEle.mozRequestFullScreen || docEle.msRequestFullScreen;
if (rfs) {
rfs.call(docEle);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript != null) {
wscript.SendKeys("{F11}");
}
}
$fsChildEle.removeClass("iconfont-full-screen").addClass("iconfont-exit-screen");
$navbarEle.hide();
$headerEle.css("top", 10);
} else { // 退出全屏
var cfs = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.exitFullScreen;
if (cfs) {
cfs.call(document);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript != null) {
wscript.SendKeys("{F11}");
}
}
}
});
// 通過(guò)resize事件監(jiān)聽(tīng)退出全屏
$(window).resize(function() {
var prevWinHgt = window.sessionStorage.getItem("winHgt");
if(prevWinHgt) {
if(window.innerHeight
也可通過(guò)fullscreenchange來(lái)監(jiān)控全屏變化
document.addEventListener("fullscreenchange", function(e) {
console.log("fullscreenchange", e);
});
document.addEventListener("mozfullscreenchange", function(e) {
console.log("mozfullscreenchange ", e);
});
document.addEventListener("webkitfullscreenchange", function(e) {
console.log("webkitfullscreenchange", e);
});
document.addEventListener("msfullscreenchange", function(e) {
console.log("msfullscreenchange", e);
});
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101437.html
摘要：進(jìn)入全屏將全屏顯示。內(nèi)核瀏覽器和表現(xiàn)不同，前者只要求是元素即可，后者則要求必須是文檔流中的元素，比較嚴(yán)格，否則不能全屏顯示。內(nèi)核瀏覽器會(huì)阻止除方向鍵控制鍵之外的鍵盤(pán)輸入，會(huì)在輸入時(shí)發(fā)出要求用戶(hù)退出全屏狀態(tài)的提示。 第一次看到應(yīng)用 Fullscreen API 全屏顯示網(wǎng)頁(yè)，是 FaceBook 中的照片放大。作為一個(gè)比較新的 API，目前只有 Safari、Chrome 和 FireF...
摘要：進(jìn)入全屏將全屏顯示。內(nèi)核瀏覽器和表現(xiàn)不同，前者只要求是元素即可，后者則要求必須是文檔流中的元素，比較嚴(yán)格，否則不能全屏顯示。內(nèi)核瀏覽器會(huì)阻止除方向鍵控制鍵之外的鍵盤(pán)輸入，會(huì)在輸入時(shí)發(fā)出要求用戶(hù)退出全屏狀態(tài)的提示。 第一次看到應(yīng)用 Fullscreen API 全屏顯示網(wǎng)頁(yè)，是 FaceBook 中的照片放大。作為一個(gè)比較新的 API，目前只有 Safari、Chrome 和 FireF...
摘要：進(jìn)入全屏將全屏顯示。內(nèi)核瀏覽器和表現(xiàn)不同，前者只要求是元素即可，后者則要求必須是文檔流中的元素，比較嚴(yán)格，否則不能全屏顯示。內(nèi)核瀏覽器會(huì)阻止除方向鍵控制鍵之外的鍵盤(pán)輸入，會(huì)在輸入時(shí)發(fā)出要求用戶(hù)退出全屏狀態(tài)的提示。 第一次看到應(yīng)用 Fullscreen API 全屏顯示網(wǎng)頁(yè)，是 FaceBook 中的照片放大。作為一個(gè)比較新的 API，目前只有 Safari、Chrome 和 FireF...
摘要：估計(jì)踩過(guò)微信視頻這個(gè)坑的，內(nèi)心都想說(shuō)上一句神經(jīng)病啊而微信也終于出了個(gè)同層播放器接入規(guī)范，算是正常點(diǎn)了好了閑話不說(shuō)，下邊進(jìn)入正題標(biāo)簽里的內(nèi)聯(lián)播放相關(guān)屬性微信在標(biāo)簽上新增了一些的私有屬性，分別是啟用同層播放。 估計(jì)踩過(guò)微信視頻這個(gè)坑的，內(nèi)心都想說(shuō)上一句： 神經(jīng)病?。?而微信也終于出了個(gè)《H5同層播放器接入規(guī)范》，算是正常點(diǎn)了……好了閑話不說(shuō)，下邊進(jìn)入正題： 1. 標(biāo)簽里的內(nèi)聯(lián)播放相關(guān)屬性...
閱讀 1977·2021-11-23 09:51
閱讀 888·2021-11-19 09:40
閱讀 837·2021-10-27 14:20
閱讀 5032·2021-10-09 09:52
閱讀 3308·2021-10-09 09:44
閱讀 1738·2021-10-08 10:05
閱讀 5107·2021-09-09 11:47
閱讀 3487·2019-08-30 12:47
