diff options
| author | Jules Laplace <jules@okfoc.us> | 2014-10-24 14:53:50 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2014-10-24 14:53:50 -0400 |
| commit | 04e20c10c7a01d78c08b8aa87dbeeb0061c535f5 (patch) | |
| tree | 5febba5eb42a34d502a105fa44fe57cf8e31efb9 | |
| parent | f3f5a65f8cbf14fbda34728d0a39b1c0c0e16096 (diff) | |
setting up embed, hide play bar
| -rw-r--r-- | public/assets/javascripts/app.js | 33 | ||||
| -rwxr-xr-x | public/assets/stylesheets/app.css | 5 | ||||
| -rwxr-xr-x | views/home.ejs | 2 |
3 files changed, 31 insertions, 9 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 () diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 4dfb707..2d52633 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..2da811d 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=1&autoplay=0" width="960" height="540" style="width: 960px; height: 800px; margin-top: -130px;"></iframe></div> </div> </body> [[ include partials/scripts ]] |