jeter20131220 3 anos atrás
pai
commit
271aaa42c1
2 arquivos alterados com 16 adições e 4 exclusões
  1. 13 1
      goto.js
  2. 3 3
      index.html

+ 13 - 1
goto.js

@@ -285,4 +285,16 @@ function get_data() {
 //           }
 //           $('.content').html( contentarticle);             
 //       });
-// }
+// }
+
+//影片播放
+
+$('.btn-close').click(function() {
+  $('.youtube-video').each(function() {
+    this.contentWindow.postMessage('{"event": "command", "func": "stopVideo", "args": ""}', '*');
+  });
+});
+
+$('.stopplay').click(function() {
+  document.getElementById("videotest").pause();
+});

+ 3 - 3
index.html

@@ -1057,7 +1057,7 @@
                             height: 100%;
                         }
                     </style>
-                    <div class='embed-container'><iframe src='https://www.youtube.com/embed//Fmll0MIf8iY'
+                    <div class='embed-container'><iframe class='youtube-video' src='https://www.youtube.com/embed//Fmll0MIf8iY?enablejsapi=1'
                             frameborder='0' allowfullscreen></iframe></div>
 
                 </div>
@@ -1070,11 +1070,11 @@
             <div class="modal-content bg-transparent">
                 <div class="modal-header border-0">
                     <h5 class="modal-title" id="exampleModalLabel"></h5>
-                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
+                    <button type="button" class="stopplay btn-close btn-close-white" data-bs-dismiss="modal"
                         aria-label="Close"><img src="./img/close.svg" alt=""></button>
                 </div>
                 <div class="modal-body">
-                    <video width="100%" controls>
+                    <video id="videotest" width="100%" controls>
                         <source src="./img/test.mp4" type="video/mp4">
                     </video>