HTML video UI及全屏功能记录
来源:互联网 发布:淘宝搜索指数排行榜 编辑:程序博客网 时间:2024/06/06 04:44
video::-webkit-media-controls-fullscreen-button {background: #fff url(images/fxh/bofanganniu-up.png) 0 0 no-repeat;background-size: 30px 30px;display:none;}//可影藏全屏按钮
video::-moz-media-controls-fullscreen-button {background: #fff url(images/fxh/bofanganniu-up.png) 0 0 no-repeat;background-size: 30px 30px;}
video::-o-media-controls-fullscreen-button {background: #fff url(images/fxh/bofanganniu-up.png) 0 0 no-repeat;background-size: 30px 30px;}
function launchFullscreen(element) {
if(element.requestFullscreen) {
console.log("aa");
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
console.log("bb");
element.mozRequestFullScreen();
} else if(element.webkitRequestFullscreen) {
console.log("cc");
element.webkitRequestFullscreen();
} else if(element.msRequestFullscreen) {
console.log("dd");
element.msRequestFullscreen();
}
}
function addfullscreenchange(element){
var chead = "";
if(element.requestFullscreen) {
} else if(element.mozRequestFullScreen) {
chead = "moz";
} else if(element.webkitRequestFullscreen) {
chead = "webkit";
} else if(element.msRequestFullscreen) {
chead = "ms";
}
chead += "fullscreenchange";
document.addEventListener(chead, function(evt){
exitFullScreen();
});
}
function exitfullscreen(){
$("#videoclose").hide();
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
- HTML video UI及全屏功能记录
- html中控制video标签全屏
- html5 video标签全屏
- HTML VIDEO 通过鼠标移动出发play和pause功能
- html5 video播放调研,全屏,伪全屏
- html全屏
- 解决ios微信端video全屏
- webview video全屏的解决方案
- Android h5全屏播放video
- 全屏及退出全屏
- FLEX入门实例--------FLEX全屏功能实现及右键菜单
- 设置UI全屏显示
- 设置UI全屏显示
- UI全屏设置
- html 5 video create
- HTML 5 video
- HTML 5 Video + DOM
- video element in HTML
- Android前后置camera i2c地址冲突
- Hibernate级联操作和加载机制(二) cascade and fetch
- Winsock的初始化
- hdu 1285 确定比赛名次
- tomcat服务器的32位与64位区别
- HTML video UI及全屏功能记录
- git 使用
- 矩阵专题
- 了解 Servlet 和 Filter,容器启动时~
- 05 shell循环结构
- 积分法求自然数的方幂和(递推公式)
- eclipse常见问题集锦
- Android studio 选择项目的lib
- 流式大数据处理的三种框架:Storm,Spark和Samza