本文主要介绍HTML5视频进入全屏和退出全屏的实现方法。通过样例代码详细介绍，对大家的学习或工作有一定的参考学习价值。需要的朋友可以和边肖一起学习。

当我们使用视频标签时，有时我们必须定制控制条，因为需要更多，进入和退出全屏也是其中的一部分

不同的浏览器有不同的实现方法

//Webkit

element . WebKittrequestfull screen()；//进入全屏

document . webkitcancelfilscreen()；//全屏退出

//Firefox

element . MozRequestFullscreen()；

document . mozzcancelfilscreen()；

//W3C

element . RequestFullscreen()；

Document.exitFulls唐山网站制作画面()；

一般兼容性编写，我们首先使用w3c标准方法，如果不兼容不同的浏览器。

//进入全屏

函数FullScreen() {

var ele=document . document element；

if (ele.requestFullscreen) {

ele . request full screen()；

} else if(ele . MozRequestFullscreen){

ele . MozRequestFullscreen()；

} else if(ele . WebKittrequestfull screen){

ele . WebKittrequestfull screen()；

}

}

//全屏退出

函数exitFullscreen() {

var de=document

if (de.exitFullscreen) {

de . ExitFullscreen()；

} else if(de . mozzcancelflscreen){

de . MozCancelFullscreen()；

} else if(de . WebKitCancelFlilscreen){

de . WebKitCancelFullscreen()；

}

}

接下来是用例

$(ele)。on('click '，function(){

full screen()；

//ExitFullscreen()；

});

关于HTML5视频进入全屏和退出全屏的实现方法，本文到此结束。有关HTML5视频进入全屏和退出全屏的更多信息，请搜索Script House以前的文章或继续浏览下面的相关文章。希望大家以后多多支持脚本屋！