dos

Public/static/js/common.js

@@ -90,7 +90,7 @@ const linkAddress = {
 var readingJson = {};
 
 let play = 'music';
-let videoBreak = false;
+let musicStatus = true;
 
 $('.video1').append('<video controls poster="/Public/static/image2/video1.jpg" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow" src="/Public/static/media/video1.mp4" id="video1"></video>');
 $('.video2').append('<video controls poster="/Public/static/image2/video2.jpg" webkit-playsinline="webkit-playsinline" playsinline="playsinline" x5-playsinline="x5-playsinline" x-webkit-airplay="allow" src="/Public/static/media/video2.mp4" id="video2"></video>');
@@ -138,21 +138,42 @@ $(document).ready(function () {
     //     }
     // }
 
+
+    $('.music').click(function () {
+        if ($('#music')[0].paused) {
+            $('#music')[0].play();
+            $('.music.stop').hide();
+            $('.music.play').show();
+            musicStatus = true;
+        } else {
+            $('#music')[0].pause();
+            $('.music.play').hide();
+            $('.music.stop').show();
+            musicStatus = false;
+        }
+    });
+
     video1.addEventListener('pause', function () {
         if (video1.paused && video2.paused && video3.paused) {
-            $('#music')[0].play();
+            if (musicStatus) {
+                $('#music')[0].play();
+            }
         }
     });
 
     video2.addEventListener('pause', function () {
         if (video1.paused && video2.paused && video3.paused) {
-            $('#music')[0].play();
+            if (musicStatus) {
+                $('#music')[0].play();
+            }
         }
     });
 
     video3.addEventListener('pause', function () {
         if (video1.paused && video2.paused && video3.paused) {
-            $('#music')[0].play();
+            if (musicStatus) {
+                $('#music')[0].play();
+            }
         }
     });