iOS切换m3u8链接时react-native-video报两类错误，Android运行正常

我之前帮不少React Native开发者处理过类似的iOS端视频播放问题，结合你给出的错误信息来看，这两个异常都是iOS端特有的视图/观察者生命周期管理问题——Android因为底层播放实现的差异，所以没有出现这类问题。下面针对每个错误给你具体的解决方案：

一、搞定"无法移除键路径'readyForDisplay'的观察者"异常 #

这个错误的核心原因是观察者被重复移除，或者在根本没注册的情况下尝试移除，通常出现在切换视频时，RCTVideo实例的销毁和重建流程中，观察者的添加/移除时机没对齐。可以试试这几个方案：

• 检查组件清理逻辑：如果你用的是类组件，确保在componentWillUnmount里正确清理RCTVideo的相关观察者；如果是函数组件，就在useEffect的清理函数中做这件事，避免重复触发移除操作。
• 升级react-native-video依赖：旧版本的RCTVideo确实存在这类观察者管理的bug，建议升级到最新的稳定版本（比如适配你RN版本的^5.2.1及以上版本），很多这类问题已经被官方修复了。
• 手动加安全判断（如果自定义了RCTVideo扩展）：如果你对RCTVideo做了子类扩展，在移除观察者前先判断是否已经注册，避免无意义的移除操作，比如在OC代码里加：

  if ([playerLayer observationInfoForKeyPath:@"readyForDisplay" includesObserver:self]) {
      [playerLayer removeObserver:self forKeyPath:@"readyForDisplay"];
  }
  

二、解决"'parentNode'是必填参数"异常 #

这个错误一般和视图挂载时机不对有关——切换m3u8链接时，视频组件可能还没完全挂载到视图树里，就被触发了播放/切换操作，导致找不到parentNode。可以尝试这些方法：

• 延迟切换源的操作：在切换视频链接时，等组件完全挂载后再设置播放源。比如在函数组件里用useRef标记组件是否挂载，再结合useEffect监听链接变化：

  const videoRef = useRef(null);
  const isMounted = useRef(false);
  
  useEffect(() => {
      isMounted.current = true;
      return () => {
          isMounted.current = false;
      };
  }, []);
  
  useEffect(() => {
      if (isMounted.current && videoRef.current && newM3u8Url) {
          // 延迟100ms再设置源，确保视图已经完成挂载
          setTimeout(() => {
              videoRef.current.setNativeProps({ source: { uri: newM3u8Url } });
          }, 100);
      }
  }, [newM3u8Url]);
  

• 控制视图渲染时机：确保只有当视频组件已经渲染到页面上（也就是存在parentNode）时，才执行切换链接的操作。比如不要在组件还处于隐藏或者未挂载状态时，就调用播放相关的方法。
• 检查自定义RCTVideo的视图逻辑：如果你自己修改过RCTVideo的底层实现，检查insertSubview或者layer相关的代码，确保只有在parentNode存在的情况下，才进行视图层级的操作。

额外小建议 #

• 打开RN的调试模式，查看组件的生命周期日志，确认切换视频时组件的挂载、卸载流程是否正常，能帮你更快定位问题。
• 尽量用真机测试，模拟器的AVPlayer行为和真机有不少差异，有些问题在模拟器上才会出现，真机反而正常。

内容的提问来源于stack exchange，提问作者FeelRightz