add manual video

index.html

@@ -19,7 +19,7 @@ li{margin-left:1em}
 .clearfix::after{display:block;content:"";clear:both}
 .float-right{float:right;margin-left:10px}
 .float-left{float:left;margin-right:10px}
-.head{margin:0 0 7.5em 0;opacity:0.85}
+.head{margin:0 0 6.5em 0;opacity:0.85}
 .head h2{margin-top:20px;font-size:48px;color:yellow;line-height:1.3}
 .logo,.mob-logo{background-color:#FFF;border-radius:6px}
 .mod{background-color:#FFF;padding:10px;border-radius:5px;box-shadow:3px 4px #89c3f0}
@@ -82,7 +82,13 @@ th{display:table-cell;font-weight:bold;text-align:left}
     </div>
 </div>
 
-<div class="mod core clearfix">
+<div class="mod">
+    <h3>在Docker中用filesite/machete快速搭建支持文件共享管理内容的图片网站<small>视频教程</small></h3>
+    <video width="100%" preload="metadata" playsinline controls id="video_docker">
+    </video>
+</div>
+
+<div class="mod core mt15 clearfix">
     <img class="media float-right" alt="2016 - 2021开展视频营销的商业占比" src="/img/snap_video_percent.png">
     <strong>视频内容</strong>已经是当今网民朋友的主流消费内容，它已经在过去几年独占鳌头，也将在未来5 - 10年继续占据大家的娱乐和学习时光，也是<strong>商业营销的重中之重</strong>。
     <br>
@@ -365,8 +371,11 @@ th{display:table-cell;font-weight:bold;text-align:left}
     document.getElementById('phone2').innerText = atob(phone);
 
     setTimeout(function() {
-        var source = '<source src="/mp4/gongfu_480.mp4" type="video/mp4" id="videosource">';
+        var source = '<source src="/mp4/gongfu_480.mp4" type="video/mp4">';
         document.getElementById('video').innerHTML = source;
+
+        var source = '<source src="/mp4/video_docker_pull_run_machete_1210.mp4" type="video/mp4">';
+        document.getElementById('video_docker').innerHTML = source;
     }, 3000);
 })();
 </script>