H5 video全屏与取消全屏兼容
2024-10-19 16:41:58
H5 video全屏与取消全屏各浏览器兼容, requestFullscreen()全屏方法,exitFullscreen()退出全屏方法。兼容各个浏览器与css3兼容一样加个前缀即可。
// 全屏
// ele:全屏的对象
function requestFullscreen(ele) {
// 全屏兼容代码
if (ele.requestFullscreen) {
ele.requestFullscreen();
} else if (ele.webkitRequestFullscreen) {
ele.webkitRequestFullscreen();
} else if (ele.mozRequestFullScreen) {
ele.mozRequestFullScreen();
} else if (ele.msRequestFullscreen) {
ele.msRequestFullscreen();
}
} // 取消全屏
function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
}
最新文章
- IOS 真机调试
- 《CODE》书摘
- 好无语的问题----include 后面需要空格么?
- PHP不同域名cookie共享(单点登录实现原理)
- 【leetcode❤python】 28. Implement strStr()
- StringUtils中 isEmpty 和isBlank的区别
- eclipse对项目整理分类
- Qt版helloworld
- 纯CSS制作“跳动的心”demo
- js定义参数默认值
- ST官方翻译的中文应用笔记汇总
- Linux下进行硬盘挂载、分区、删除分区,格式化,卸载方法
- java自动化-关键字驱动在junit接口自动化的应用
- com.nostra13.universalimageloader 加载displayImage图片时图片模糊的处理办法
- Maven工程打成一个jar包
- Java读取文件-BufferedReader/FileReader/InputStreamReader/FileInputStream的关系和区别
- 关于DOM级别的一些问题,DOM0,DOM1,DOM2
- 51Nod 1175 区间中第K大的数 (可持久化线段树+离散)
- FMX.Controls单元 中图形矩阵变换
- Java复习1-基本数据类型