angularjs 视频全屏切换
我想实现的是点击a标签,视频进入全屏页面,此时鼠标在页面移动时,触发toggleVideo()函数,它会显示下方的控制条ctrlBar,鼠标静止5s后,再隐藏。而退出全屏后一直显示控制条。目前功能都做好了,只是bug退出全屏后也会受toggleVideo()影响,及鼠标移动显示控制条,5s静止会隐藏。到底哪里出了问题??
html:
js:
scope.ctrlBar = true;
scope.toggleFullScreen = function() {
var fullElem = document.getElementById("fullScreen");
if (document.webkitFullscreenElement) {
document.webkitCancelFullScreen();
scope.ctrlBar = true;
} else {
fullElem.webkitRequestFullscreen();
scope.toggleVideo = function () {
if (scope.ctrlBar) {
$timeout.cancel(scope.ctrlBar);
}
scope.ctrlBar = $timeout(
function () {
scope.ctrlBar = false;
},
5000);
}
}
}
相关阅读:
Mysql在插入数据的工作方式。
写直播播放器。是不是我使用插件后。就不用学as?
jquery是如何开发的?
css3 动画问题
js 中参数是按值传递的,但声明对象时又是引用指向某个对象的,该怎么理解?
关于nodejs作为中间层的疑问
如果想成为mysql dba应该看什么书?
AngularJS操作ng-show指令
PHP处理大量数据的问题
javacript的面向对象思想体现在哪里?
python27,要显示中文,怎样做?要再加一个什么包,可以识别中文?
redis 如果内存放满了怎么办?
微信分享无法做异步分享吗?
如何一句awk同时分割出IP和user-agent?
vue-scroll 在vue脚手架里如何使用?
如何用测试脚本证明,在Promise中reject之后并不会执行then的第一个函数
Class 与T有啥区别?Class该如何使用?
OpenSSL交叉编译错误
我想通过itunes.apple.com/lookup 得到的version 但返回的这是什么啊?
Windows批处理 复制某文件夹下所有子文件夹中的特定文件到指定目录