Improving closing videos

2 files changed, 19 insertions, 2 deletions

diff --git a/web/scripts/growth.js b/web/scripts/growth.js
index de10d45..d4cee5b 100644
--- a/web/scripts/growth.js
+++ b/web/scripts/growth.js
@@ -144,6 +144,10 @@ function playVideo(videoId)
         }
 
         var player = $('#videoplayer video')[0];
+        if (typeof player.canPlayType !== 'function') {
+            notice("Your browser does not support html5 videos. Please try another browser or contact us.");
+        }
+
         for (var i in data.urls) {
             var video = data.urls[i];
             if (player.canPlayType(video.type) != '') {
@@ -169,6 +173,12 @@ function displayPlayer()
     $("body").animate({backgroundColor: '#181818'}, 500, 'linear', function(){
         $("#videoplayer").fadeIn(200);
     });
+
+    $(document).keyup('displayPlayer.exit', function(e) {
+      if (e.keyCode == 27) {
+          closeVideo();
+      }
+    });
 }
 
 function reportVideoComplete(data)
@@ -203,11 +213,17 @@ function reportVideoComplete(data)
 
 function closeVideo()
 {
-    $("#videoplayer video")[0].pause();
+    var player = $('#videoplayer video')[0];
+    if (typeof player.pause === 'function') {
+        player.pause();
+    }
+
     $("#videoplayer").fadeOut(100);
     $("body").animate({backgroundColor: '#FFFFFF'}, 500, 'linear', function(){
         $("#content").fadeIn(200);
     });
+
+    $(document).unbind('displayPlayer.exit');
 }
 
 function chapterComplete()
diff --git a/web/style.css b/web/style.css
index 637dae3..548fea9 100644
--- a/web/style.css
+++ b/web/style.css
@@ -378,7 +378,8 @@ footer a:hover {
     text-align: right;
     position: relative;
     top: 50px;
-    right: 50px;
+    width: 900px;
+    margin: 0 auto 0 auto;
 }
 
 #previous, #next {