Browse Source

修复视屏不能播放问题

由于视频实例没有,调用方法报错
lex 1 year ago
parent
commit
6ad8de6b20
1 changed files with 13 additions and 10 deletions
  1. 13 10
      src/views/coursewarePlay/index.tsx

+ 13 - 10
src/views/coursewarePlay/index.tsx

@@ -87,9 +87,9 @@ export default defineComponent({
       width: '100vw'
     })
     const setContainer = () => {
-      let min = Math.min(screen.width, screen.height)
-      let max = Math.max(screen.width, screen.height)
-      let width = min * (16 / 9)
+      const min = Math.min(screen.width, screen.height)
+      const max = Math.max(screen.width, screen.height)
+      const width = min * (16 / 9)
       if (width > max) {
         parentContainer.width = '100vw'
         return
@@ -246,7 +246,10 @@ export default defineComponent({
 
       console.log(list, 'list')
 
-      let _firstIndex = list.findIndex((n: any) => n.knowledgePointMaterialRelationId == route.query.kId || n.materialId == route.query.kId)
+      let _firstIndex = list.findIndex(
+        (n: any) =>
+          n.knowledgePointMaterialRelationId == route.query.kId || n.materialId == route.query.kId
+      )
       _firstIndex = _firstIndex > -1 ? _firstIndex : 0
       const item = list[_firstIndex]
 
@@ -465,7 +468,7 @@ export default defineComponent({
       closeToast()
       activeData.timer = setTimeout(() => {
         activeData.model = false
-        Object.values(data.videoRefs).map((n: any) => n.toggleHideControl(false))
+        Object.values(data.videoRefs).map((n: any) => n?.toggleHideControl(false))
       }, 4000)
     }
     /** 立即收起所有的模态框 */
@@ -473,11 +476,11 @@ export default defineComponent({
       clearTimeout(activeData.timer)
       closeToast()
       activeData.model = false
-      Object.values(data.videoRefs).map((n: any) => n.toggleHideControl(false))
+      Object.values(data.videoRefs).map((n: any) => n?.toggleHideControl(false))
     }
-    const toggleModel = (type: boolean = true) => {
+    const toggleModel = (type = true) => {
       activeData.model = type
-      Object.values(data.videoRefs).map((n: any) => n.toggleHideControl(type))
+      Object.values(data.videoRefs).map((n: any) => n?.toggleHideControl(type))
     }
 
     // 去点名,签退
@@ -698,7 +701,7 @@ export default defineComponent({
           onClick={() => {
             clearTimeout(activeData.timer)
             activeData.model = !activeData.model
-            Object.values(data.videoRefs).map((n: any) => n.toggleHideControl(activeData.model))
+            Object.values(data.videoRefs).map((n: any) => n?.toggleHideControl(activeData.model))
           }}
         >
           <div
@@ -743,7 +746,7 @@ export default defineComponent({
                       activeData.timer = setTimeout(() => {
                         activeData.model = !activeData.model
                         Object.values(data.videoRefs).map((n: any) =>
-                          n.toggleHideControl(activeData.model)
+                          n?.toggleHideControl(activeData.model)
                         )
                         if (activeData.model) {
                           setModelOpen()