Skip to main content
  • React / Next.js
  • 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>
2

Test it out

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

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