嘿，为了播放你的视频，你可能会得到更好的结果与视频使用参考。所以你可以做的是使用useRef钩子创建一个ref，然后给予ref到你的视频元素，在鼠标悬停时使用该ref取消静音你的视频，因为react中的ref工作得更好，我也使用了ref，它对我很有效。我会告诉你我是怎么做的

// first create the ref
    const videoRef = useRef<HTMLVideoElement>(null);
    const [isMuted, setIsMuted] = useState(false);

    const handleMute = (event: React.MouseEvent<HTMLImageElement>) => {
    
      setIsMuted((prev) => {
      if (videoRef) {
       videoRef.current!.muted = !prev;
       }

    return !prev;
    });
   };

    <video
      onClick={onVideoClick}
      ref={videoRef}
      src={mobile}
      className="hero-modal-video block h-full w-full cursor-pointer 
      object-cover md:hidden "
      autoPlay

      onMouseEnter={() => setIsHovering(true)}
      onMouseLeave={() => setIsHovering(false)}
      poster={videoThumbNail}
      playsInline
      onEnded={handleVideoEnded}

      //   loop
    ></video>

在这里，我仍然使用isMuted状态来更新UI，显示静音和取消静音的声音图标，以及更新视频元素的声音。
因此，ref根据isMuted的值将视频的静音元素设置为true和false。所以我才能帮自己修好它。
这是我实现的一段代码我从其他地方切换静音功能，但在您的情况下，您可以使用

<video 
   autoPlay 
   loop 
   onMouseEnter={handleMute}
   muted={muted}  // you can remove this attribute
    >
  <source src='/filename.mp4'>
 </video>