Update test portion with custom menu added
This commit is contained in:
parent
b4d52c0320
commit
006d340383
1 changed files with 46 additions and 5 deletions
|
@ -1,18 +1,42 @@
|
|||
---
|
||||
// Components
|
||||
import { ArrowUpRight, NavArrowLeft } from '@iconoir/vue'
|
||||
import { SwitchOn } from '@iconoir/vue'
|
||||
import { SwitchOff } from '@iconoir/vue'
|
||||
import { NavArrowRight } from '@iconoir/vue'
|
||||
import { Download } from '@iconoir/vue'
|
||||
import {Zorn} from '@minpluto/zorn'
|
||||
---
|
||||
<meta charset="utf-8">
|
||||
|
||||
<Zorn
|
||||
Title="Ennie and Yoyki: Non-Girly Games"
|
||||
Poster="https://md.sudovanilla.org/images/eay-p-v.jpg"
|
||||
Video="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm"
|
||||
CustomControls
|
||||
CustomControlsWithMenu
|
||||
Milieu
|
||||
/>
|
||||
SettingsMenu
|
||||
>
|
||||
<div id="settings" class="vc-menu">
|
||||
<button>Stats for Geeks</button>
|
||||
<hr/>
|
||||
<button>Open Video URL <ArrowUpRight/></button>
|
||||
<button>Download <ArrowUpRight/></button>
|
||||
<button>Embed <ArrowUpRight/></button>
|
||||
<hr/>
|
||||
<button id="has-switch">Milieu <SwitchOn/></button>
|
||||
<button>Close Captions <NavArrowRight/></button>
|
||||
<button onclick="PlayerMenu_Quality()">Quality <NavArrowRight/></button>
|
||||
</div>
|
||||
<div id="quality-changer" class="vc-menu">
|
||||
<button onclick="OpenZornMenu()"><span style="display: flex; align-items: center;"><NavArrowLeft/> Back</span></button>
|
||||
<button>1080p</button>
|
||||
<button>720p</button>
|
||||
<button>360p</button>
|
||||
</div>
|
||||
</Zorn>
|
||||
|
||||
<h2>Эни и Йойки: Недевчачьи игры. 1 серия. Мультфильмы для детей</h2>
|
||||
<sup style="color: gray">Translation: "Non-girly games"</sup>
|
||||
<h2>Ennie and Yoyki: Non-Girly Games</h2>
|
||||
<p>Created by Daniyar Yambushev</p>
|
||||
<p>Source: <a href="https://www.youtube.com/watch?v=MuyJtxzyU3o">https://www.youtube.com/watch?v=MuyJtxzyU3o</a></p>
|
||||
<br/>
|
||||
|
@ -25,3 +49,20 @@ body {
|
|||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
</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>
|
Loading…
Reference in a new issue