播放1.1

src/views/coursewarePlay/index.module.less

@@ -23,7 +23,7 @@
   top: 0;
   left: 0;
   right: 0;
-  z-index: 1;
+  z-index: 10;
   display: flex;
   align-items: center;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
@@ -84,6 +84,7 @@
   top: 50%;
   transform: translateY(-50%);
   right: 20px;
+  z-index: 10;
   .point {
     margin-top: 10px;
     border-bottom-left-radius: 0;
@@ -99,6 +100,7 @@
   top: 50%;
   transform: translateY(-50%);
   left: 26px;
+  z-index: 10;
   .prePoint {
     margin-bottom: 8px;
   }

src/views/coursewarePlay/index.tsx

@@ -7,6 +7,7 @@ import {
   showToast,
   Slider,
   Swipe,
+  SwipeInstance,
   SwipeItem,
   Tab,
   Tabs
@@ -28,7 +29,7 @@ import 'plyr/dist/plyr.css'
 import request from '@/helpers/request'
 import { state } from '@/state'
 import { useRoute } from 'vue-router'
-import { listenerMessage, postMessage, promisefiyPostMessage } from '@/helpers/native-message'
+import { postMessage, promisefiyPostMessage } from '@/helpers/native-message'
 import MusicScore from './component/musicScore'
 import iconMenu from './image/icon-menu.svg'
 import iconDian from './image/icon-dian.svg'
@@ -39,10 +40,8 @@ import iconplay from './image/icon-play.svg'
 import iconpause from './image/icon-pause.svg'
 import iconUp from './image/icon-up.svg'
 import iconDown from './image/icon-down.svg'
-import iconVideobg from './image/icon-videobg.png'
 import Points from './component/points'
 import { browser, getSecondRPM } from '@/helpers/utils'
-import VideoPlay from './component/video-play'
 import { Vue3Lottie } from 'vue3-lottie'
 import playLoadData from './datas/data.json'
 
@@ -168,7 +167,7 @@ export default defineComponent({
               playModel: false,
               isprepare: false,
               isDrage: false,
-              muted: false // 是否静音
+              muted: true // 是否静音
             }
           }
           list.push({
@@ -232,7 +231,6 @@ export default defineComponent({
     const iframeHandle = (ev: MessageEvent) => {
       // console.log(ev.data)
       if (ev.data?.api === 'headerTogge') {
-        // activeData.model = ev.data.show
         activeData.model = !activeData.model
       }
     }
@@ -247,11 +245,11 @@ export default defineComponent({
       postMessage({ api: 'goBack' })
     }
 
-    const swipeRef = ref()
+    const swipeRef = ref<SwipeInstance>()
     const popupData = reactive({
       firstIndex: 0,
       open: false,
-      activeIndex: -1,
+      activeIndex: 0,
       tabActive: '',
       tabName: '',
       itemActive: '',
@@ -285,7 +283,9 @@ export default defineComponent({
       const index = data.itemList.findIndex((n: any) => n.id == popupData.itemActive)
       if (index > -1) {
         popupData.activeIndex = index
-        swipeRef.value?.swipeTo(index)
+        swipeRef.value?.swipeTo(index, {
+          immediate: true
+        })
       }
     }
     /** 延迟收起模态框 */
@@ -432,7 +432,6 @@ export default defineComponent({
                             muted={m.muted}
                             preload="auto"
                             class="player"
-                            poster={iconVideobg}
                             data-vid={m.id}
                             src={m.content}
                             loop={m.loop}