show and hide close button with the rest of the UI

2 files changed, 7 insertions, 1 deletions

diff --git a/css/style.css b/css/style.css
index a6c56af..a999a47 100755
--- a/css/style.css
+++ b/css/style.css
@@ -56,7 +56,6 @@ a.icon-view-close {
 	height: 30px;
 	opacity: .35;
 	cursor: pointer;
-	transition: opacity 0.5s, linear;
 }
 
 a.icon-view-close:hover {
diff --git a/js/viewer.js b/js/viewer.js
index 4eeb2c6..9bec2bc 100755
--- a/js/viewer.js
+++ b/js/viewer.js
@@ -27,6 +27,13 @@ var videoViewer = {
 			$('#videoplayer_overlay').fadeIn('fast');
 			// autoplay
 			var vjsPlayer = videojs("my_video_1");
+			// show and hide close button with the rest of the UI
+			vjsPlayer.on('userinactive', function () {
+				$('#box-close').fadeOut(1000, "easeInOutExpo");
+			});
+			vjsPlayer.on('useractive', function () {
+				$('#box-close').fadeIn(100, "easeInOutExpo");
+			});
 			vjsPlayer.play();
 		},
 		hide : function() {