65 lines
No EOL
2.6 KiB
Text
65 lines
No EOL
2.6 KiB
Text
---
|
|
// Layout
|
|
import Default from 'src/layouts/Default.astro'
|
|
|
|
// Components
|
|
import {Zorn} from '@minpluto/zorn'
|
|
---
|
|
|
|
<Default Title="Islandia" Description="Created by Vadim Sherbakov">
|
|
<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"
|
|
CustomControlsWithMenu
|
|
SettingsMenu
|
|
Milieu
|
|
Whitelabel
|
|
BigPlayButton
|
|
>
|
|
<slot slot="menu">
|
|
<div id="settings" class="vc-menu">
|
|
<button>Stats for Geeks</button>
|
|
<hr/>
|
|
<button>Open Video URL <i class="iconoir-arrow-up-right"></i></button>
|
|
<button>Download <i class="iconoir-arrow-up-right"></i></button>
|
|
<button>Embed <i class="iconoir-arrow-up-right"></i></button>
|
|
<hr/>
|
|
<button id="has-switch">Milieu <i class="iconoir-switch-off"></i></button>
|
|
<button>Close Captions <i class="iconoir-nav-arrow-right"></i></button>
|
|
<button onclick="PlayerMenu_Quality()">Quality <i class="iconoir-nav-arrow-right"></i></button>
|
|
</div>
|
|
<div id="quality-changer" class="vc-menu">
|
|
<button onclick="OpenZornMenu()"><span style="display: flex; align-items: center;"><i class="iconoir-nav-arrow-left"></i> Back</span></button>
|
|
<button>1080p</button>
|
|
<button>720p</button>
|
|
<button>360p</button>
|
|
</div>
|
|
</slot>
|
|
</Zorn>
|
|
<slot slot="info">
|
|
<p>Source: <a href="https://vimeo.com/354598551">https://vimeo.com/354598551</a></p>
|
|
<p>This demo pulls from: <a href="https://ocean.sudovanilla.org/media/videos/Islandia/Islandia.mp4">https://ocean.sudovanilla.org/media/videos/Islandia/Islandia.mp4</a></p>
|
|
<p>Zorn Player uses the <a href="https://codeberg.org/ashley/poke/src/commit/a28f8e253663264abfcd284f8769b6e901ac1371/html/poketube.ejs#L2186-L2261">Ambient effect from Poke's source code</a>.</p>
|
|
</slot>
|
|
</Default>
|
|
|
|
<style is:inline>a[href="/milieu"] {background: white !important;color: black !important;}</style>
|
|
|
|
<script is:inline>
|
|
function PlayerMenu_HideAll() {
|
|
document.querySelector('.vc-menu#settings').style.display = 'none'
|
|
document.querySelector('.vc-menu#quality-changer').style.display = 'none'
|
|
document.querySelector('#open-zorn-settings-button').setAttribute('onclick', 'OpenZornMenu()')
|
|
}
|
|
function OpenZornMenu() {
|
|
PlayerMenu_HideAll()
|
|
document.querySelector('.vc-menu#settings').style.display = 'flex'
|
|
document.querySelector('#open-zorn-settings-button').setAttribute('onclick', 'PlayerMenu_HideAll()')
|
|
}
|
|
function PlayerMenu_Quality() {
|
|
PlayerMenu_HideAll()
|
|
document.querySelector('.vc-menu#quality-changer').style.display = 'flex'
|
|
}
|
|
</script> |