setting up embed, hide play bar

1 files changed, 25 insertions, 8 deletions

diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js
index f26a782..42e8a53 100644
--- a/public/assets/javascripts/app.js
+++ b/public/assets/javascripts/app.js
@@ -17,21 +17,38 @@ else {
 
 new WOW().init();
 
-$('.hero .circle').click( function(){
-    $('.videoModal').addClass('active');
-});
-
-$('.videoModal .ion-ios7-close-empty').click( function(){
-    $('.videoModal').removeClass('active');
-});
+$(function(){
+  var player
+  $('.hero .circle').click( function(){
+    $('.videoModal').css("display","table").addClass('active');
+    player = $f( okplayer )
+    player.api('play')
+    player.addEvent('ready', function(){
+      player.api('play')
+      player.addEvent('finish', function(){
+        hide()
+      })
+    })
+  });
 
+  $('.videoModal .ion-ios7-close-empty').click( function(){
+    player.api('pause')
+    hide()
+  })
+  
+  function hide() {
+    $('.videoModal').fadeOut(300, function(){
+      $('.videoModal').removeClass('active');
+    })
+  }
+})
 
 var scene, cam, map;
 
 var app = new function(){}
 
 app.mode = { editor: false, builder: false }
-
+  
 app.init = function () {
 	app.tube = new Tube ()
 	app.router = new SiteRouter ()