样式修改

src/page-instrument/view-evaluat-report/component/share-top/index.module.less

@@ -344,6 +344,39 @@
             }
         }
     }
+    &.videoType{
+        :global {
+            .plyr {
+                .plyr__controls{
+                    .plyr__controls__item.plyr__control{
+                        .icon--pressed{
+                            background: url("./image//pause1.png") no-repeat;
+                            background-size: 100% 100%;
+                        }
+                        .icon--not-pressed{
+                            background: url("./image/play1.png") no-repeat;
+                            background-size: 100% 100%;
+                        }
+                    }
+                }
+                .plyr__controls__item.plyr__progress__container{
+                    input[type=range] {
+                        color: #ffffff;
+                    }
+                    input[type="range"]::-webkit-slider-thumb {
+                        background-color: #ffffff;
+                    }
+                    .plyr__progress__buffer {
+                        color: #fff;
+                        background-color: #fff;
+                    }
+                }
+                .plyr__controls__item.plyr__time{
+                    color: #ffffff;
+                }
+            }
+        }
+    }
     .videoBox {
         width: 100%;
         height: 100%;

src/page-instrument/view-evaluat-report/component/share-top/index.tsx

@@ -473,7 +473,7 @@ export default defineComponent({
           >
             <div class={[styles.playerBoxContent,isPad && styles.padPlayerBox]}>
               <div class={[styles.playerBoxCon]}>
-                <div class={[styles.playerBox]}>
+                <div class={[styles.playerBox, mediaType.value === 'video' && styles.videoType]}>
                   {mediaType.value === "audio" ? (
                     <div class={styles.audioBox}>
                       <canvas class={styles.audioVisualizer} id="audioVisualizer"></canvas>