added play icon to desktop as well

hiteshsharma · Feb 8, 2015 · 42145a4 · 42145a4
1 parent ef752f1
commit 42145a4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 22 deletions.
diff --git a/css/invite.css b/css/invite.css
@@ -193,28 +193,9 @@ div.mobile-play {
   background-image: url('../images/circle_outline_play.png');
   position: absolute;
   left: 43%;
-  top: 48%;
+  top: 40%;
   width: 128px;
   height: 128px;
-  opacity: 0.5;
-  display: none;
-}
-
-/* Smartphones (portrait and landscape) ----------- */
-@media only screen 
-and (min-device-width : 320px) 
-and (max-device-width : 480px) {
-/* Styles */
-  div.mobile-play{
-    display:block;
-  }
+  opacity: 0.7;
+  cursor: pointer;
 }
-
-/* Smartphones (portrait) ----------- */
-@media only screen 
-and (max-width : 320px) {
-/* Styles */
-  div.mobile-play{
-    display:block;
-  }
-}
diff --git a/javascripts/video_controls.js b/javascripts/video_controls.js
@@ -23,11 +23,13 @@ $(document).ready(function(){
 
   $(video_tag).on("ended", function(){
     console.log("ended");
+    $("div.mobile-play").show();
   });
 
   $(video_tag).on("pause", function(){
     console.log("paused");
     $("li.play-status.playing").toggleClass("playing").toggleClass("paused");
+    $("div.mobile-play").show();
   });
 
   $("li.play-status").on('click', function(e){