From 6ff8128aae50160f7b9ba4e2ab06be6bf0d3ef87 Mon Sep 17 00:00:00 2001
From: zhuyangbin <zhuyangbin@mttop.cn>
Date: Fri, 16 Oct 2020 17:18:23 +0800
Subject: [PATCH] video style

---
 components/apolloTable/component/base/extra/upload/detail.less | 3 +++
 components/apolloTable/component/base/extra/upload/preview.tsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/apolloTable/component/base/extra/upload/detail.less b/components/apolloTable/component/base/extra/upload/detail.less
index 94483bd..502084b 100644
--- a/components/apolloTable/component/base/extra/upload/detail.less
+++ b/components/apolloTable/component/base/extra/upload/detail.less
@@ -70,6 +70,9 @@
     .tips{
         font-size: 10px;
     }
+    .videoWrap{
+        max-height: calc(100vh - 200px);
+    }
 }
 
 .textUploadList {
diff --git a/components/apolloTable/component/base/extra/upload/preview.tsx b/components/apolloTable/component/base/extra/upload/preview.tsx
index 3e6d7d5..4b546d4 100644
--- a/components/apolloTable/component/base/extra/upload/preview.tsx
+++ b/components/apolloTable/component/base/extra/upload/preview.tsx
@@ -60,7 +60,7 @@ export default class uploadDetail extends React.Component {
                         {type === 'pdf' && <iframe width="100%" height={500} src={`${url}`} title="pdf" />}
                         {type === 'video' && (
                             <>
-                                <video src={url} controls width="100%">
+                                <video src={url} controls width="100%" className={styles.videoWrap}>
                                     你的浏览器暂不支持该视频在线播放,请下载后播放
                                 </video>
                                 <span className={styles.tips}>如无法播放，请下载后播放</span>
-- 
2.21.0