css

public/react/src/modules/user/usersInfo/video/InfosVideo.css

@@ -17,15 +17,18 @@
 .videoItem img.cover {
     width: 100%;
     border-radius: 6px 6px 0px 0px;
-    height: 180px;
+    height: 158px;
 }
 .nItem.videoItem:hover .mask {
     display: block;
     top: 0px;
     width: 100%;
-    height: 180px;
+    height: 158px;
     cursor: pointer;
 }
+.nItem.videoItem:hover .playWrap {
+    display: inline-block;
+}
 .nItem .mask {
     border-radius: 6px 6px 0px 0px;
     display: none;
@@ -34,12 +37,22 @@
     background: #000;
     opacity: 0.5;
 }
-
+.videoItem .playWrap {
+    display: none;
+    width: 100%;
+    text-align: center;
+    height: 70px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
 .videoItem img.play {
     margin-top: 20%;
+    position: relative;
+    z-index: 9999;
 }
 .videoItem .square-main {
-    padding: 10px 8px;
+    padding: 9px 8px;
     
     background: #fff;
     border-radius: 0px 0px 6px 6px;
@@ -98,6 +111,6 @@
 }
 /* 跳转按钮 */
 .infoVideo .toUploadBtn {
-    height: 50px;
+    height: 48px;
     margin-right: 20px;
 }

public/react/src/modules/user/usersInfo/video/VideoInReviewItem.js

@@ -44,8 +44,13 @@ function VideoInReviewItem (props) {
             <img className="cover" src={cover_url || "http://video.educoder.net/e7d18970482a46d2a6f0e951b504256c/snapshots/491e113950d74f1dab276097dae287dd-00005.jpg"}
             ></img>
             {!isReview && <div className="mask" onClick={() => onMaskClick(props)}>
-                <img className="play" src={playIcon}></img>
+                
             </div>}
+            {!isReview && 
+            <div className="playWrap">
+                <img className="play" src={playIcon}></img>
+            </div>
+            }
             <div className="square-main">
                 <div className="title overflowHidden1"
                     title={title && title.length > 20 ? title : ''}