增加视频播放和停止

web/users/html/index.html

@@ -429,20 +429,25 @@
    <script>
       $(function () {
          const sourceList = [
-            {name: '调价', url:'http://d1.video.smartcost.com.cn/video/play/2020/调价.mp4'},
-            {name: '共用单价文件', url:'http://d1.video.smartcost.com.cn/video/play/2020/共用单价文件.mp4'},
-            {name: '清单精灵', url:'http://d1.video.smartcost.com.cn/video/play/2020/清单精灵.mp4'},
-            {name: '查找定位', url:'http://d1.video.smartcost.com.cn/video/play/2020/查找定位.mp4'},
-            {name: '分享协作', url:'http://d1.video.smartcost.com.cn/video/play/2020/分享协作.mp4'},
-            {name: '模板克隆', url:'http://d1.video.smartcost.com.cn/video/play/2020/模板克隆.mp4'},
-            {name: '复制整块', url:'http://d1.video.smartcost.com.cn/video/play/2020/复制整块.mp4'},];
+            {name: '调价', url: 'http://d1.video.smartcost.com.cn/video/play/2020/调价.mp4'},
+            {name: '共用单价文件', url: 'http://d1.video.smartcost.com.cn/video/play/2020/共用单价文件.mp4'},
+            {name: '清单精灵', url: 'http://d1.video.smartcost.com.cn/video/play/2020/清单精灵.mp4'},
+            {name: '查找定位', url: 'http://d1.video.smartcost.com.cn/video/play/2020/查找定位.mp4'},
+            {name: '分享协作', url: 'http://d1.video.smartcost.com.cn/video/play/2020/分享协作.mp4'},
+            {name: '模板克隆', url: 'http://d1.video.smartcost.com.cn/video/play/2020/模板克隆.mp4'},
+            {name: '复制整块', url: 'http://d1.video.smartcost.com.cn/video/play/2020/复制整块.mp4'},];
 
          $('a[href="#video-modal"]').on('click', function () {
             const index = parseInt($(this).data('index'));
             $('#video-modal .modal-title').text(sourceList[index].name);
             $('#video-source').html('<video width="100%" height="558" controls="controls">\n' +
-                    '                     <source src="'+ sourceList[index].url +'" type="video/mp4"></video>');
-         })
+                    '                     <source src="' + sourceList[index].url + '" type="video/mp4"></video>');
+            $('#video-source video')[0].play();
+         });
+
+         $('#video-modal').on('hide.bs.modal', function () {
+            $('#video-source video')[0].pause();
+         });
       });
 
    </script>