> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Setup

> [tab] 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.
>
> ```html theme={null}
> <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.

> [tab] 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.
>
> ```html theme={null}
> <div>
>     <video data-sync-video-player="true"></video>
> </div>
> ```

```jsx React / Next.js theme={null}

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

```html HTML theme={null}
<div>
    <video data-sync-video-player="true"></video>
</div>

```


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.