Media player updates

Seek bar, volume bar, updated quota max

playlist/templates/MediaPlayer.html

@@ -22,6 +22,8 @@
 <button id="next" class="dummy"></button>
 <div class="spacer"></div>
 <button id="eject" class="dummy"></button>
+<div class="spacer"></div>
+<input id="volume" type="range" min="1" max="11" value="5" />
 </div>
 <script src="https://open.spotify.com/embed/iframe-api/v1"></script>
 <script>
@@ -36,7 +38,8 @@
     let playingPosition = 0;
     let duration = {{track.duration_ms}};
     let options = {
-      uri: 'spotify:track:{{track.id}}'
+      uri: 'spotify:track:{{track.id}}',
+      height: 152
     };
     const callback = (EmbedController) => {
         document.getElementById("play").addEventListener('click', () => {
@@ -84,5 +87,10 @@
         })
       };
       ifa.createController(element, options, callback);
+      iframe = document.getElementsByTagName("iframe")[0]
+      iframe.addEventListener('load', (e) => {
+        console.log(e);
+        iframe.classList.add('hide');
+      });
   };
 </script>