angularjs 视频全屏切换

我想实现的是点击a标签，视频进入全屏页面，此时鼠标在页面移动时，触发toggleVideo()函数，它会显示下方的控制条ctrlBar，鼠标静止5s后，再隐藏。而退出全屏后一直显示控制条。目前功能都做好了，只是bug退出全屏后也会受toggleVideo()影响，及鼠标移动显示控制条，5s静止会隐藏。到底哪里出了问题？？
html:

<div class="videowrap" ng-video id="fullScreen" ng-mousemove="toggleVideo()" >
    <div class="ngAnimate" ng-show="ctrlBar">
        <a href="javascript:void(0);" class="bigbtn" ng-click = "toggleFullScreen()" ></a>
    </div>
</div>

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);
        }
    }
}