fixed mobile vids behaviour

sites/all/themes/gui/jee/js/jee.js

@@ -856,11 +856,6 @@ jQuery(document).ready(function($) {
           this.dimvideo.h = (this.dimvideo.w * parseInt($first_vid.attr("height")))/parseInt($first_vid.attr("width"));
         }
 
-
-        // add a mask on top of each iframe to avoid bad interaction with vimeo
-        if(!_is_mobile)
-          this.$vids.after('<div class="mask"></div>');
-
         // redim each iframe to fit
         this.$vids
           .each(this.redimVideo.bind(this))
@@ -873,12 +868,14 @@ jQuery(document).ready(function($) {
           marginLeft:marge
         });
 
-
-
-        // create the slider with peppermint
-        this.$slider = $('.field-items', this.$vids_container).Peppermint({
-          onSlideChange:this.onSlideChange.bind(this)
-        });
+        if(!_is_mobile){
+          // add a mask on top of each iframe to avoid bad interaction with vimeo
+          this.$vids.after('<div class="mask"></div>');
+          // create the slider with peppermint
+          this.$slider = $('.field-items', this.$vids_container).Peppermint({
+            onSlideChange:this.onSlideChange.bind(this)
+          });
+        }
       };
 
       Chapter.prototype.redimVideo = function(i,e){