edit

h5/assets/mobile/article.html

@@ -222,6 +222,14 @@
     player.addEventListener('play', function () {
         stopPlayers(id)
     },false);
+    player.addEventListener('pause', function () {
+      $('#' + id + '-vdom').parent('.video-cont').hide();
+      $('#' + id).show();
+    },false);
+    player.addEventListener('ended', function () {
+      $('#' + id + '-vdom').parent('.video-cont').hide();
+      $('#' + id).show();
+      },false);
     playerList[id] = player;
   })
   

h5/assets/mobile/css/article.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/article.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/article.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/css/feature.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/feature.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/feature.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/css/global.css

@@ -1,2 +1,2 @@
 body{font-family:Roboto,Droid Sans,Helvetica,Helvetica Neue,Heiti SC,sans-serif}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:none;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}address,caption,cite,code,dfn,td,th,var{font-weight:400;font-style:normal}nav,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a,ins{text-decoration:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{text-align:left}a,div,img,input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none}input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.fn-hide{display:none}.fn-nocallout{-webkit-touch-callout:none}.fn-noselect{-webkit-user-select:none}.fn-noadjust{-webkit-text-size-adjust:none}.fn-nodrag{-webkit-user-drag:none}
-/*# sourceMappingURL=global.css.map?v=3e7b85e2*/
+/*# sourceMappingURL=global.css.map?v=8e4cd5e0*/

h5/assets/mobile/css/global.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/global.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/global.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/css/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/index.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/index.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/css/live.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/live.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/live.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/css/rule.css

@@ -1,2 +1,2 @@
 body{padding:.64rem!important}body h1{padding-top:.64rem;text-align:center;font-size:.4rem;font-weight:700;margin-bottom:.64rem}body h2{line-height:1.6;font-weight:700}body h2,body p{font-size:.32rem}body p{min-height:.32rem;line-height:1.8}body img{max-width:100%}
-/*# sourceMappingURL=rule.css.map?v=3e7b85e2*/
+/*# sourceMappingURL=rule.css.map?v=8e4cd5e0*/

h5/assets/mobile/css/rule.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/rule.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/rule.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/css/video.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"css/video.css?v=3e7b85e2","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css/video.css?v=8e4cd5e0","sourceRoot":""}

h5/assets/mobile/feature.html

@@ -219,6 +219,14 @@
     player.addEventListener('play', function () {
         stopPlayers(id)
     },false);
+    player.addEventListener('pause', function () {
+      $('#' + id + '-vdom').parent('.video-cont').hide();
+      $('#' + id).show();
+    },false);
+    player.addEventListener('ended', function () {
+      $('#' + id + '-vdom').parent('.video-cont').hide();
+      $('#' + id).show();
+      },false);
     playerList[id] = player;
   })
   

h5/assets/mobile/live.html

@@ -126,6 +126,14 @@ $('.ico-video-play').click(function(){
   player.src = videos;
   player.load();
   player.play();
+  player.addEventListener('pause', function () {
+    $('.video-cont').hide();
+    $('.poster').show();
+  },false);
+  player.addEventListener('ended', function () {
+    $('.video-cont').hide();
+    $('.poster').show();
+  },false);
 })
 </script>
 <script>

h5/assets/mobile/video.html

@@ -127,6 +127,14 @@ $('.ico-video-play').click(function(){
   player.src = '<{$info['video']}>';
   player.load();
   player.play();
+  player.addEventListener('pause', function () {
+    $('.video-cont').hide();
+    $('.poster').show();
+  },false);
+  player.addEventListener('ended', function () {
+    $('.video-cont').hide();
+    $('.poster').show();
+  },false);
 })
 </script>