Function createPipButton

src/components/VideoPlayer2.tsx:98–111

(player: Player)

  );

  const createPipButton = (player: Player) => {
    const pipButtonContainer = (player as any).controlBar.addChild('button', {
      clickHandler: (event: any) => {
        event.preventDefault();
        event.stopPropagation();
        togglePictureInPicture();
      },
    });

    const root = createRoot(pipButtonContainer.el());
    root.render(<PipButton />);

    return pipButtonContainer;
  };

  const setupZoomFeatures = (player: any) => {
    if (typeof window === 'undefined' || typeof document === 'undefined') return;