diff --git a/docs/config.js b/docs/config.js
index d44371db..ecbc628b 100644
--- a/docs/config.js
+++ b/docs/config.js
@@ -219,7 +219,7 @@ function aplayer6 () {
 
 function aplayer7 () {
     window.ap7 = new APlayer({
-        container: document.getElementById('player7'),
+        container: document.getElementById('aplayer7'),
         audio: [{
             name: '光るなら(HLS)',
             artist: 'Goose house',
diff --git a/docs/index.html b/docs/index.html
index de346665..62fe4166 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -17,6 +17,7 @@
     gtag('config', 'UA-48084758-8');
   </script>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.9.0/dist/APlayer.min.css">
+  <script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/aplayer@1.9.0/dist/APlayer.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/color-thief-don@2.0.2/src/color-thief.js"></script>
   <style>