h5全屏
来源:互联网 发布:js统计当前用户在线数 编辑:程序博客网 时间:2024/05/22 01:59
$('#full').on('click',function(e) {
var element =document.documentElement;
if (!$('body').hasClass("full-screen")) {
$('body').addClass("full-screen");
$('#alarm-fullscreen-toggler').addClass("active");
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
} else {
$('body').removeClass("full-screen");
$('#alarm-fullscreen-toggler').removeClass("active");
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
});
阅读全文
0 0
- h5全屏
- WebView全屏播放h5视频
- Android h5全屏播放video
- H5 DOM 全屏 api requestFullscreen
- H5实现浏览器全屏API(全屏进入和全屏退出)
- H5的全屏变暗 弹出框样式
- webview 加载h5页面,播放视频+全屏,实现简单封装
- 解决H5视频播放,默认全屏的问题
- H5全屏轮播图如何居中显示图片不拉伸
- 微信h5点击放大全屏看图片
- H5 video标签在移动端,不默认全屏播放。
- Android中加载WebView的H5全屏视频播放
- 全屏滚动,微场景,H5全屏切换滚动页面制作的方法介绍
- h5全屏进入与退出全屏模式(必须为点击事件进行加载)
- h5
- h5
- h5
- H5
- 线程安全 可重入函数
- css3:border-radius圆角边框详解
- Hadoop快速入门(1)
- Turtlebot入门-测试Kinect
- 学习c++50条建议
- h5全屏
- SpringMVC
- ajax异步校验用户名
- 论新手在开发项目中需要注意的一些事
- SVN项目提交设置忽略上传资源
- js多张图片循环平移
- L0、L1、L2范数学习笔记
- 二分查找及其变种总结
- Hadoop集群搭建(2)