fix

src/pages/details/NoteDetails/index.jsx

@@ -108,6 +108,7 @@ export default withLayout((props) => {
 
   useEffect(() => {
     //算出当前宽度下高度的数值
+    //防止视频加载完，但是页面没加载完。导致计算错误，所有在这俩都有值的时候才开始计算 
     if (getVideoWidth || proportion) {
       const videoHeights = proportion * getVideoWidth;
       setVideoHeight(videoHeights)
@@ -121,7 +122,7 @@ export default withLayout((props) => {
     const height = e.detail.height;
     //视频的宽
     const width = e.detail.width;
-    //算出视频的比例
+    //算出视频的高度
     setProportion(height / width)
     //res.windowWidth为手机屏幕的宽。
     // const windowWidth = res.windowWidth;
@@ -199,7 +200,9 @@ export default withLayout((props) => {
                     className='get-Video-Width'
                     poster={detail.poster}
                     onLoadedmetadata={hanleLoade}
-                    muted={false} style={{ width: "100%", height: `${videoHeight}px` }} src={detail.videoUrl}
+                    muted={false} style={{
+                      width: "100%", height: `${videoHeight}px`, transition: 'all 0.3s linear'
+                    }} src={detail.videoUrl}
                   >
                   </Video>
               }