Video Player Sync Setup

Enable Velt Video Player Sync by adding the data-sync-video-player attribute to your video element for synchronized real-time multi-user playback.

React / Next.js

1. Add the data-sync-video-player attribute to your video player

   To enable Video Player Sync in any video, add the data-sync-video-player="true" attribute to your video player.

   <div>
       <video data-sync-video-player="true"></video>
   </div>
   
2. Test it out

   Test out Video Player Sync by opening two clients side-by-side and having one client play the video player.

Other Frameworks

1. Add the data-sync-video-player attribute to your video player

   To enable Video Player Sync in any video, add the data-sync-video-player="true" attribute to your video player.

   <div>
       <video data-sync-video-player="true"></video>
   </div>
   

React / Next.js

export default function App() {
  return (
    <div>
        <video data-sync-video-player="true"></video>
    </div>
  );
}

<div>
    <video data-sync-video-player="true"></video>
</div>