Player with composition with <Video> only plays the first second then stops

[JoaoTareco]

I have this composition:

export const Main = ({ title }: z.infer<typeof CompositionProps>) => {

  const titleStyle: React.CSSProperties = useMemo(() => {
    return { fontFamily, fontSize: 70 };
  }, []);

  return (
    <AbsoluteFill style={container}>
        <TextFade>
          <h1 style={titleStyle}>{title}</h1>
        </TextFade>
           <Video preload="true" src="https://X.supabase.co/storage/v1/object/public/content-bank/user_2/IMG_2200.mp4" />
    </AbsoluteFill>
  );
};

Which I am trying to preview using the Player in a Next.js app.

However, when the video starts, the background video stops after the first second, but the text continues to render. Also, if I stop the player, the frame of the background video jumps to whatever it should be on.

I have also tried without preload and OffthreadVideo, but nothing seems to work.

I am accessing my next.js app in chrome.

How could I fix this Player preview issue?

[JonnyBurger]

Hi Joao!

I think you suffer from a bug we had in the 4.0.111 release.
It's fixed in 4.0.112. Run npx remotion upgrade to get the new release.

Let me know if this doesn't help!

[JonnyBurger]

@JoaoTareco You are right. Sorry about this. The fix was not actually merged. Will release 4.0.113 with the bug. Watch out on remotion.dev/changelog

[JoaoTareco]

No worries @JonnyBurger, thank you for the great support :)! I will keep an eye on the changelog

[JoaoTareco]

@JonnyBurger I've tested with 4.0.113, but the error still persists. Maybe what I am facing is a different issue? It is still as I previously described

[JonnyBurger]

@JoaoTareco 🫣 Sorry to make you go through this!
You are right, and only 4.0.114 now contains the actual fix.

[JoaoTareco]

Now its working @JonnyBurger , thank you for the support!!