diff --git a/layouts/shortcodes/spotify.html b/layouts/shortcodes/spotify.html
index da3a520..0c657ac 100644
--- a/layouts/shortcodes/spotify.html
+++ b/layouts/shortcodes/spotify.html
@@ -28,8 +28,8 @@
           </td>
           <td>{{ .album.name }}</td>
           <td>
-            <audio controls class="mejs__player">
-              <source src="{{ .preview_url }}" type="audio/mpeg">
+            <audio controls class="mejs__player" data-plyr='{"controls": ["play", "progress"]}'>
+              <source src="{{ .preview_url }}" type="audio/mpeg" />
             </audio>
           </td>
         </tr>
diff --git a/static/src/js/index.js b/static/src/js/index.js
index 2875638..f5b03e8 100644
--- a/static/src/js/index.js
+++ b/static/src/js/index.js
@@ -6,12 +6,7 @@ require('bootstrap');
 require('lightgallery/dist/js/lightgallery');
 require('lg-thumbnail/dist/lg-thumbnail');
 
-require('plyr').setup({
-  controls: [
-    'play',
-    'progress'
-  ]
-});
+require('plyr').setup();
 
 
 $('.image').each(function () {  // setup div-image hybrids