调整视频窗口 全屏php,angularjs,fullscreen_angularjs 视频全屏切换,angularjs,fullscreen - phpStudy...

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批处理 复制某文件夹下所有子文件夹中的特定文件到指定目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值