---
Title: Milieu
Type: Document
---

import {Code} from "astro:components"
import {Zorn} from "@minpluto/zorn"


<Zorn
    PlayerName="nameit_whatever_you_want"
    Title="Islandia"
    Poster="https://md.sudovanilla.org/images/Islandia%2000%3A00%3A21.png"
    Video="https://ocean.sudovanilla.org/media/videos/Islandia/Islandia.mp4"
    Milieu
    Whitelabel
    ShowFullscreen={false}
	Settings={[{"Type": "Button","Name": "","Action": "null"}]}
>
</Zorn>

The Milieu option is an attempt to copy YouTube's ambient player feature. Where it adds a blurry glow around the player. This uses two `<canvas/>`s behind the player to make a smooth transition when it changes.

<Code lang="jsx" code={`<Zorn Milieu/>`}/>