解决组件丢失

src/components/video/video.tsx

@@ -7,7 +7,12 @@ import unique_ident from "@/hooks/unique_ident";
 const deviation: number = 1
 
 const HVideo: FC<HVideoOptions> = (opt: HVideoOptions) => {
-  const video = Taro.createVideoContext('myVideo')
+  let video
+  try {
+    video = Taro.createVideoContext('myVideo')
+  } catch (e) {
+
+  }
   const [currentTime, setCurrentTime] = useState(0)
 
   function onTimeUpdate(event: BaseEventOrig<VideoProps.onTimeUpdateEventDetail>) {
@@ -15,7 +20,7 @@ const HVideo: FC<HVideoOptions> = (opt: HVideoOptions) => {
     const time = event.detail.currentTime
     /** 前进回退 */
     if (currentTime + deviation < time) {
-      video.seek(currentTime)
+      video?.seek(currentTime)
       return
     }
     setCurrentTime(time)
@@ -23,9 +28,9 @@ const HVideo: FC<HVideoOptions> = (opt: HVideoOptions) => {
     /** 判断是否进入断点 */
     opt.breakpoint.forEach(d => {
       if (time < d + deviation && time > d - deviation) {
-        video.exitFullScreen()
+        video?.exitFullScreen()
-        video.pause()
+        video?.pause()
-        video.seek(d - deviation)
+        video?.seek(d - deviation)
         opt.onBreakpoint(d)
         return
       }
@@ -33,8 +38,8 @@ const HVideo: FC<HVideoOptions> = (opt: HVideoOptions) => {
   }
 
   opt.setTime((time: number) => {
-    video.seek(time)
+    video?.seek(time)
-    video.play()
+    video?.play()
   })
 
   function onEnded() {
@@ -42,28 +47,29 @@ const HVideo: FC<HVideoOptions> = (opt: HVideoOptions) => {
     if (currentTime + 1 > opt.duration) {
       opt.onEnded()
     } else {
-      video.seek(currentTime)
+      video?.seek(currentTime)
-      video.play()
+      video?.play()
     }
   }
 
   Taro.useUnload(() => {
+    video?.stop()
     unique_ident.put(Number(currentTime.toFixed(2)), Date.now())
   })
 
 
   return (
-      <Video
+    <Video
-        id={'myVideo'}
+      id={'myVideo'}
-        autoplay
+      autoplay
-        style={{width: '100%', height: '100%', position: "relative"}}
+      style={{width: '100%', height: '100%', position: "relative"}}
-        poster={opt?.poster || ''}
+      poster={opt?.poster || ''}
-        src={opt.src}
+      src={opt.src}
-        enableProgressGesture={false}
+      enableProgressGesture={false}
-        direction={90}
+      direction={90}
-        onTimeUpdate={onTimeUpdate}
+      onTimeUpdate={onTimeUpdate}
-        onEnded={onEnded}
+      onEnded={onEnded}
-      />
+    />
   )
 }
 

src/pages/business/videoInfo/videoInfo.tsx

@@ -6,8 +6,6 @@ import Catalogue from "./components/catalogue";
 import Course from "./components/course";
 import Taro from "@tarojs/taro";
 import eventsIndex from "@/hooks/eventsIndex";
-// import eventsIndex from "@/hooks/eventsIndex";
-
 
 const VideoInfo: FC = () => {
   const {id, depId} = Taro.getCurrentInstance()?.router?.params as any
@@ -21,8 +19,7 @@ const VideoInfo: FC = () => {
     if (res) {
       setData(res)
     }
-    /** 用于自动播放 判断当前课程是否完成 */
+    if (playId) { //  用于自动播放 判断当前课程是否完成
-    if (playId) {
       currentVideo(res)
     }
   }
@@ -90,6 +87,7 @@ const VideoInfo: FC = () => {
   })
 
 
+
   return (
     <>
       <View className='content'>