feat: 视频播放器

src/pages/Play/index.tsx

@@ -3,7 +3,7 @@ import {
 } from '@ant-design/pro-components';
 import React from 'react';
 import './style/index.less';
-import { Card } from 'antd';
+import { Card, Segmented } from 'antd';
 import { ArrowLeftOutlined } from '@ant-design/icons';
 import dayjs from 'dayjs';
 import './style/index.less'
@@ -11,7 +11,7 @@ import './style/index.less'
 
 const TableList: React.FC<unknown> = () => {
   return (
-    <PageContainer className="page-box">
+    <PageContainer className="play-page-box">
       <Card style={{ marginInline: 20, marginTop: 10 }}>
         <div className={'header-box'}>
           <div>
@@ -33,6 +33,11 @@ const TableList: React.FC<unknown> = () => {
           </div>
         </div>
       </Card>
+      <Card style={{ marginInline: 20, marginTop: 10 }}>
+        <video width="320" height="240" controls autoPlay>
+          <source src="http://player.alicdn.com/video/aliyunmedia.mp4" type="video/ogg" />
+        </video>
+      </Card>
     </PageContainer>
   )
 };

src/pages/Play/style/index.less

@@ -1,4 +1,5 @@
-.page-box {
+.play-page-box {
+  margin: 20px 0;
   .header-box {
     display: flex;
     .header-right-box {