fix videos on mobile

1 files changed, 17 insertions, 13 deletions

diff --git a/site/public/assets/javascripts/_env.js b/site/public/assets/javascripts/_env.js
index 7ff471d..c4e9ace 100644
--- a/site/public/assets/javascripts/_env.js
+++ b/site/public/assets/javascripts/_env.js
@@ -352,17 +352,19 @@ function build_gallery () {
     var $play = $('<div class="play"></div>')
     var $el = $(this)
     $el.append($play)
-    $play.click(function(e){
-      e.stopPropagation()
-      e.preventDefault()
-      if ($el.hasClass('loaded')) {
-        var player = $el.data('player')
-        player.api('play')
-      }
-      else {
-        load_video($el)
-      }
-    })
+    if (is_desktop) {
+      $play.on("click", function(e){
+        e.stopPropagation()
+        e.preventDefault()
+        if ($el.hasClass('loaded')) {
+          var player = $el.data('player')
+          player.api('play')
+        }
+        else {
+          load_video($el)
+        }
+      })
+    }
   })
   
   $(".caption").click(function(){
@@ -416,8 +418,10 @@ function load_video ($el) {
   var vimeo_id = $el.data("video").match(/\d+/)[0]
   var $embed = $('<iframe src="https://player.vimeo.com/video/' + vimeo_id + '?autoplay=1&title=0&byline=0&portrait=0" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>')
   $el.append($embed)
-  var $mask = $('<div class="mask"></div>')
-  $el.append($mask)
+  if (! is_mobile) {
+    var $mask = $('<div class="mask"></div>')
+    $el.append($mask)
+  }
   var player = $f( $el.find("iframe")[0] )
   $el.data('player', player)
   player.addEvent('ready', function(){