diff options
Diffstat (limited to 'web')
| -rw-r--r-- | web/scripts/growth.js | 18 | ||||
| -rw-r--r-- | web/style.css | 3 |
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 { |