remove play button on mobile, fix brand rand outside range and autopl…

…ay video for mobile devices that allow it #32
Toolwatchapp · Jul 8, 2015 · 55b5f89 · 55b5f89
1 parent 60d4c24
commit 55b5f89
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/application/controllers/home.php b/application/controllers/home.php
@@ -39,16 +39,16 @@ function result(){
 
     private function homeMessage(){
 
-        $rand = rand ( 0 , 3 );
+        $randBrands = rand ( 0 , 2 );
 
         $watchBrands = array('Seiko', 'Rolex', 'Omega');
         $videos = array('Omega.mp4', 'Rolex.mp4', 'Zenith.mp4', 'Vacheron.mp4');
 
         $video = vid_url('Zenith.mp4');
 
         return  array('title'=>$this->measure
-                ->getMeasuresCountByWatchBrand($watchBrands[rand ( 0 , 2 )]) . 
-                ' ' . $watchBrands[$rand] . ' measured on Toolwatch.io',
+                ->getMeasuresCountByWatchBrand($watchBrands[$randBrands]) . 
+                ' ' . $watchBrands[$randBrands] . ' measured on Toolwatch.io',
                 'video_url'=>vid_url($videos[rand ( 0 , 3 )]));
 
     }

diff --git a/assets/css/main.css b/assets/css/main.css
@@ -785,7 +785,10 @@ button[name=syncDone],
   box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #929292 inset;
 }
 
-.mejs-container .mejs-controls .mejs-overlay-button{ visibility:hidden !important; }
+.mejs-container .mejs-controls, 
+.mejs-overlay-button { 
+  visibility:hidden !important; 
+}
 
 
 .slogan-home h1{

diff --git a/assets/js/home.logic.mobile.js b/assets/js/home.logic.mobile.js
@@ -1,6 +1,14 @@
 $( document ).ready(function() {
 
-	$('video,audio').mediaelementplayer();
+	$('video,audio').mediaelementplayer({
+		loop: true,
+		success: function (mediaElement, domObject) { 
+
+	        // call the play method
+	        mediaElement.play();
+
+    	},
+	});
 	$('header').addClass('blue');
 	$('header').addClass('blue');
 	$('.navbar').css('min-height', '20px');