diff options
| -rw-r--r-- | public/assets/javascripts/app.js | 31 | ||||
| -rwxr-xr-x | public/assets/stylesheets/app.css | 5 | ||||
| -rwxr-xr-x | views/home.ejs | 2 |
3 files changed, 29 insertions, 9 deletions
diff --git a/public/assets/javascripts/app.js b/public/assets/javascripts/app.js index f26a782..883a24c 100644 --- a/public/assets/javascripts/app.js +++ b/public/assets/javascripts/app.js @@ -17,21 +17,36 @@ else { new WOW().init(); -$('.hero .circle').click( function(){ - $('.videoModal').addClass('active'); -}); - -$('.videoModal .ion-ios7-close-empty').click( function(){ - $('.videoModal').removeClass('active'); -}); +$(function(){ + var player = $f( okplayer ) +// player.addEvent('ready', function(){ +// player.addEvent('finish', function(){ +// hide() +// }) +// }) + $('.hero .circle').click( function(){ + $('.videoModal').css("display","table").addClass('active'); + player.api('play') + }) + $('.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 () diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index af40bf2..894483d 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -107,6 +107,11 @@ a{ -moz-transition:0.4s background; transition:0.4s background; display:none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } .videoModal.active { diff --git a/views/home.ejs b/views/home.ejs index 7fe0c71..36b9afd 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -74,7 +74,7 @@ <div class="videoModal"> <span class="ion-ios7-close-empty"></span> <div class="holder"> -<div class="video" style="width: 960px; margin: 0 auto; height: 540px; overflow: hidden; position: relative;"><iframe frameborder="0" scrolling="no" seamless="seamless" webkitallowfullscreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen" id="okplayer" src="http://player.vimeo.com/video/109947131?api=1&js_api=1&title=0&byline=0&portrait=0&playbar=0&player_id=okplayer&loop=1&autoplay=0" width="960" height="540" style="width: 960px; height: 540px;"></iframe></div> +<div class="video" style="width: 960px; margin: 0 auto; height: 540px; overflow: hidden; position: relative;"><iframe frameborder="0" scrolling="no" seamless="seamless" webkitallowfullscreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen" id="okplayer" src="http://player.vimeo.com/video/109947131?api=1&js_api=1&title=0&byline=0&portrait=0&playbar=0&player_id=okplayer&loop=0&autoplay=0" width="960" height="540" style="width: 960px; height: 800px; margin-top: -130px;"></iframe></div> </div> </body> [[ include partials/scripts ]] |