Is there any way for the video background to be transparent on al OS and browers

Question

I just publish my portfolio website. In that on the home screen I have used a animated animoji video.

Now the issue here is, in some browser and OS the video background show black color. I have attached 2 images for reference.

Tech Stack - Nextjs, TailwindCSS, DaisyUI, and Typescript.

This is what I implemented - Here's the code for it -

<video ref={videoRef} autoPlay muted loop className="w-full h-full lg:w-2/3 object-cover">
          <source src="/assets/Animoji.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>

I also tired using different libraries such as react-player, video-react, etc.

Let me know if anyone knows a workaround for this, its making the home page look bod. Thanks in advance.

Window/Chrome Image

MacOS/Brave Image