add video poster

index.html

@@ -15,7 +15,7 @@ h2{margin-top:1.8em;margin-bottom:0.3em;color:darkblue}
 li{margin-left:1em}
 .head{float:left}
 .center{text-align:center}
-.logo{background-color:#FFF;border-radius:6px}
+.logo,.mob-logo{background-color:#FFF;border-radius:6px}
 .mod{background-color:#FFF;padding:10px;border-radius:5px;box-shadow:3px 4px #89c3f0}
 .core{font-size:120%;box-shadow:3px 4px #3c9fe2;color:#333}
 .white{color:#FFF}
@@ -36,6 +36,7 @@ li{margin-left:1em}
 }
 @media only screen and (max-width:480px){
     .mob-white{color:#FFF}
+    .mob-logo{width:100%}
     .hidden-xs{display:none}
 }
 </style>
@@ -126,8 +127,7 @@ li{margin-left:1em}
 <h2 class="white">联系方式</h2>
 <div class="mod clearfix">
     <div class="video float-right">
-        <video width="100%" preload="metadata" playsinline controls autoplay>
+        <video width="100%" preload="metadata" playsinline controls autoplay poster="gongfu_poster.jpeg" id="video">
-            <source src="https://static.jialuoma.cn/mp4/gongfu_480.mp4" type="video/mp4">
         </video>
         <small>《功夫》经典片段</small>
     </div>
@@ -155,6 +155,11 @@ li{margin-left:1em}
 (function(){
     var phone = ['MTMx', 'Njg' ,'5NDY', '4NDc'].join('');
     document.getElementById('phone').innerText = atob(phone);
+
+    setTimeout(function() {
+        var source = '<source src="https://static.jialuoma.cn/mp4/gongfu_480.mp4" type="video/mp4" id="videosource">';
+        document.getElementById('video').innerHTML = source;
+    }, 3000);
 })();
 </script>
 </body>