---
// Properties
const {
Title,
PlayerName,
SeekColor,
Whitelabel = false,
Poster,
Video,
Audio,
VideoAttributes,
AudioAttributes,
Subtitles,
ShowBackAndForward,
ShowPlaybackRate,
ShowPiP,
ShowFullscreen = true,
BigPlayButton = false,
YouTube = false,
YouTubeQuality = '137',
Invidious,
WatchId,
Milieu,
MilieuMode = "Default",
MilieuSpeed = "2000",
MilieuScale = "1.05",
MilieuBlur = "16px",
SettingsMenu,
Live
} = Astro.props
// Components
import Controls from './Controls.astro'
import MilieuEffect from './Features/Milieu.astro'
import Controller from './Controls/Controller.astro'
import Seek from './Controls/Seek.astro'
import SubtitlesMenu from './Controls/Subtitles.astro'
import Sync from './Controls/Sync.astro'
// YouTube
if (YouTube === true) {
// 8K = 272
// 4K = 315
// 1080p = 137
// 720p = 302
// Dash Audio = 251
var YTThumbnail = 'https://i.ytimg.com/vi/' + WatchId +'/maxresdefault.jpg'
var YTVideo = 'https://' + Invidious +'/latest_version?id=' + WatchId + '&itag=' + YouTubeQuality
var YTAudio = 'https://' + Invidious +'/latest_version?id=' + WatchId + '&itag=251'
} else if (YouTube === false) {
null
}
// Icons and Styles
import './Styles/Index.scss'
import './Styles/Iconoir.css'
---
{Audio ?
: null }
{Audio ?
: null }
{Milieu ?
:
null
}
{BigPlayButton ?
:
null
}
{SettingsMenu ?
:
}
{ShowPlaybackRate ?
:
null
}
{Audio ?
:
}
{Subtitles ?
:
null
}