---
description: Integrate token gated video directly into your custom site!
---

# Video SDK

Our video SDK enables token gated video directly on a custom Javascript site.

### Use Case Example

You, as a creator, have a personal website and want to embed videos that you want a user to own an NFT to watch.

### How It Works

* Upload the videos that you want to token gate as unlisted Youtube videos.
* Create [token gated links](broken-reference) for each video on MintGate to obtain the MintGate ID.&#x20;
  * The **MintGate ID** is the last series of characters after `go/` in the link. \\
  * For example, if you created a MintGate link [https://mgate.io/go/LkI0yVFuIW5n](https://mgate.io/go/LkI0yVFuIW5n), the MintGate ID for the link is `LkI0yVFuIW5n`
* Download the [NPM package](https://www.npmjs.com/package/@mintgate/mintgate-js) into the Javascript site.

```
yarn add @mintgate/mintgate-js

OR 

npm install @mintgate/mintgate-js
```

* Add this code to the webpage&#x20;

```
const linkID = 'whateveryourmintgatelinkIDforthevideois'; 

function App() {
  const ref = useRef();
  useEffect(()=> {
    if(!ref) return;

    mintgate.embedVideo(linkID, ref.current)
      .then(x=>console.log('done'));
  }, [ref]);

  return (
    <div ref={ref}></div>
  );
}
```

### Link to NPM Package (and More Details)

NPM Package: [https://www.npmjs.com/package/@mintgate/mintgate-js](https://www.npmjs.com/package/@mintgate/mintgate-js)

{% hint style="info" %}
If you have questions or need support, message us on Discord at [discord.gg/HVsbWZfrFQ](https://t.co/4O0TR4KvQf?amp=1) or email us at support@mintgate.io.&#x20;
{% endhint %}
