浏览器实现全屏的方法

进入全屏和退出全屏的方法:

requestFullScreen

cancelFullScreen

注意:在不同浏览器下,需要添加内核前缀,一般是:webkit和moz

API调用方式:

进入和退出全屏的API只能经由用户事件调用触发,不能让浏览器自执行。

任何一个标签都可以调用全屏API进入全屏效果,一般常用于视频标签的全屏按钮

举个例子,html页面中有一个h1标签,和button按钮,让h1里的内容全屏显示

var h1 = document.querySelector("h1");

var btn = document.querySelector("#btn");

btn.onclick=function(){

     h1.webkitRequestFullScreen();

}




你可能感兴趣的:(浏览器实现全屏的方法)