---
Title: Basic Usage
Type: Document
---

import {Prism} from "@astrojs/prism"
import {Zorn} from "@minpluto/zorn"

<Zorn
	PlayerName="ennie_and_yoyki"
	Poster="https://ocean.sudovanilla.org/media/videos/Ennie%20and%20Yoyki/Poster.png"
	Video="https://ocean.sudovanilla.org/media/videos/Ennie%20and%20Yoyki/Ennie%20and%20Yoyki:%20Non-Girly%20Games.mp4"
/>

You can add it to any page on your Astro website by importing Zorn:

<Prism lang="jsx" code={
`---
import {Zorn} from "@minpluto/zorn"
---

<Zorn
	PlayerName="ennie_and_yoyki"
	Poster="https://ocean.sudovanilla.org/media/videos/Ennie%20and%20Yoyki/Poster.png"
	Video="https://ocean.sudovanilla.org/media/videos/Ennie%20and%20Yoyki/Ennie%20and%20Yoyki:%20Non-Girly%20Games.mp4"
/>
`}/>

> The option `PlayerName` is required. 