diff --git a/assets/styles/style.css b/assets/styles/style.css index e750f95..37da56a 100644 --- a/assets/styles/style.css +++ b/assets/styles/style.css @@ -13,14 +13,12 @@ div { } .button { - top: 50% !important; - left: 50% !important; - padding: 10px; border-radius: 10px; + margin: auto; background: rgba(0, 0, 0, .5); color: white; - font-size: 3em; + font-size: 40vw; text-align: center; } diff --git a/index.html b/index.html index 2e85f14..e92000c 100644 --- a/index.html +++ b/index.html @@ -31,7 +31,7 @@ $('#pause').hide(); } else { $('#play').hide(); - $('#pause').hide(); + $('#pause').show(); } var mediaPlayer = jQuery('#player'); @@ -53,18 +53,18 @@ }); $('#play').click(function() { - if(isMobile.any()) { + //if(isMobile.any()) { $('#play').hide(); $('#pause').show(); - } + //} $('#player').jPlayer('play'); }); $('#pause').click(function() { - if(isMobile.any()) { + //if(isMobile.any()) { $('#play').show(); $('#pause').hide(); - } + //} $('#player').jPlayer('pause'); });