css

public/react/src/modules/user/usersInfo/common/HeadlessModal.js

@@ -32,8 +32,9 @@ function HeadlessModal (props) {
                 }
                 .headless .closeBtn {
                     position: absolute;
-                    top: -15px;
+                    top: -18px;
-                    right: -9px;
+                    right: -12px;
+                    font-size: 24px !important;
                     color: ${theme.foreground_select}
                 }
             `}</style>

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext, useRef, memo } from 'react';
 import {Link} from 'react-router-dom';
-import { Pagination } from 'antd'
+import { Pagination, Input } from 'antd'
-import { getUrl2, isDev, ThemeContext } from 'educoder'
+import { getUrl2, isDev, ThemeContext, ActionBtn } from 'educoder'
 import axios from 'axios'
 import VideoInReviewItem from './VideoInReviewItem'
 import EditVideoModal from './EditVideoModal'
@@ -132,6 +132,7 @@ function InfoVideo (props) {
         }
         videoModalObj.setVisible(true)
     }
+    const _inputValue = `<video src="${videoId.file_url}" controls="true" controlslist="nodownload" width="400">您的浏览器不支持 video 标签。</video>`
     return (
         <div className="educontent infoVideo">
             <EditVideoModal {...props} {...editModalObj}
@@ -145,16 +146,41 @@ function InfoVideo (props) {
                 width={800 - 1}
             >
                 <video 
-                    ref="videoEl"
+                    ref={videoEl}
                     src={videoId.file_url} controls="true" controlslist="nodownload">
                     您的浏览器不支持 video 标签。
                 </video>
+                <div className="df copyLine">
+                    <Input value={_inputValue}
+                        className="dark"
+                    ></Input>
+                    <ActionBtn>复制视频地址</ActionBtn>
+                </div>
             </HeadlessModal>
             <style>{`
+                .showVideoModal .ant-modal-body {
+                    display: flex;
+                    flex-direction: column;
+                }
                 .showVideoModal video{
                     width: 800px;
                     height: 450px;
                 }
+                .showVideoModal .copyLine {
+                    justify-content: space-between;
+                    padding: 9px;
+                    background: #000000;
+                    width: 800px;
+                }
+                .showVideoModal .copyLine input {
+                    color: #707070;
+                    background-color: #000 !important;
+                    border-color: #707070;
+                    margin-right: 12px;
+                }
+                .showVideoModal .copyLine a {
+                    flex: 0 0 106px;
+                }
                 
                 /* item */
                 .videoPublishSuccess .section {
@@ -244,3 +270,10 @@ function InfoVideo (props) {
 }
 
 export default InfoVideo
+
+/**
+<video src="http://outin-396971199eed11e991a100163e1c7426.oss-cn-shanghai.aliyuncs.com/sv/52943d8b-16c8dc2a8ca/52943d8b-16c8dc2a8ca.mp4" controls="true" controlslist="nodownload" width="400">
+您的浏览器不支持 video 标签。
+</video>
+
+ */