MintGate Docs
Search…
Whitelabel NFT Storefront
Set up Token Access
Direct Integrations
Updating MintGate
Video SDK
Integrate token gated video directly into your custom site!
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.
- 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, the MintGate ID for the link is
LkI0yVFuIW5n
1
yarn add @mintgate/mintgate-js
2
​
3
OR
4
​
5
npm install @mintgate/mintgate-js
Copied!
- Add this code to the webpage
1
const linkID = 'whateveryourmintgatelinkIDforthevideois';
2
​
3
function App() {
4
const ref = useRef();
5
useEffect(()=> {
6
if(!ref) return;
7
​
8
mintgate.embedVideo(linkID, ref.current)
9
.then(x=>console.log('done'));
10
}, [ref]);
11
​
12
return (
13
<div ref={ref}></div>
14
);
15
}
Copied!
Link to NPM Package (and More Details)
If you have questions or need support, message us on Discord at discord.gg/HVsbWZfrFQ or email us at [email protected]
Copy link