Merge branch 'iteration-upload-works'

src/views/creation/index-share.tsx

@@ -34,6 +34,7 @@ import { storage } from '@/helpers/storage';
 import { ACCESS_TOKEN } from '@/store/mutation-types';
 import MWxTip from '@/components/m-wx-tip';
 import { usePageVisibility } from '@vant/use';
+import videoBg from './images/video-bg.png';
 
 export default defineComponent({
   name: 'creation-detail',
@@ -304,7 +305,7 @@ export default defineComponent({
           {state.playType === 'Video' && (
             <MVideo
               src={state.musicDetail.videoUrl}
-              poster={state.musicDetail.img}
+              poster={state.musicDetail?.videoImg || videoBg}
             />
           )}
           {state.playType === 'Audio' && (

src/views/creation/index.module.less

@@ -1,5 +1,20 @@
 .playSection {
   min-height: 175px;
+
+  :global {
+    .vjs-poster {
+      background-size: cover;
+    }
+
+    .video-js .vjs-progress-control:hover .vjs-progress-holder {
+      font-size: inherit;
+    }
+
+    .video-js .vjs-slider:focus {
+      box-sizing: none;
+      text-shadow: none;
+    }
+  }
 }
 
 @keyframes rotateImg {

src/views/creation/index.tsx

@@ -35,6 +35,7 @@ import { nextTick } from 'process';
 import MVideo from '@/components/m-video';
 import ShareModel from './share-model';
 import { usePageVisibility } from '@vant/use';
+import videoBg from './images/video-bg.png';
 
 export default defineComponent({
   name: 'creation-detail',
@@ -280,7 +281,7 @@ export default defineComponent({
           {state.playType === 'Video' && (
             <MVideo
               src={state.musicDetail?.videoUrl}
-              poster={state.musicDetail?.img}
+              poster={state.musicDetail?.videoImg || videoBg}
             />
           )}
           {state.playType === 'Audio' && (