Compare commits

..

No commits in common. "cf9abaa2c346ee096a0e624fceabfe6f2674a2be" and "17b8a602847a53c6161edd681d061b417c791dde" have entirely different histories.

4 changed files with 12 additions and 13 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "@minpluto/zorn", "name": "@minpluto/zorn",
"version": "0.4.82", "version": "0.4.81",
"author": "SudoVanilla", "author": "SudoVanilla",
"displayName": "Zorn", "displayName": "Zorn",
"description": "In-House Player built by MinPluto", "description": "In-House Player built by MinPluto",

View file

@ -5,8 +5,6 @@ const {
ShowBackAndForward, ShowBackAndForward,
ShowFullscreen ShowFullscreen
} = Astro.props } = Astro.props
console.log('Controller: ' + ShowFullscreen)
--- ---
<script define:vars={{PlayerName, BigPlayButton, ShowBackAndForward, ShowFullscreen}}> <script define:vars={{PlayerName, BigPlayButton, ShowBackAndForward, ShowFullscreen}}>
@ -63,9 +61,10 @@ function Buffering() {
// Fullscreen // Fullscreen
function Fullscreen() { function Fullscreen() {
console.log('Hey')
// Get Button // Get Button
if (ShowFullscreen === true) {
var Button_Fullscreen = document.querySelector("#zorn-player-" + PlayerName + " #vc-fullscreen"); var Button_Fullscreen = document.querySelector("#zorn-player-" + PlayerName + " #vc-fullscreen");
}
// Create and Call Functions // Create and Call Functions
function Toggle_Fullscreen() { function Toggle_Fullscreen() {
@ -85,19 +84,19 @@ function Fullscreen() {
EnterFullscreen(); EnterFullscreen();
VideoContainer.requestFullscreen() VideoContainer.requestFullscreen()
} }
Update_FullscreenButton() if (ShowFullscreen === true) {Update_FullscreenButton()}
} }
function EnterFullscreen() { function EnterFullscreen() {
VideoContainer.classList.add('zorn-fullscreen'); VideoContainer.classList.add('zorn-fullscreen');
Update_FullscreenButton() if (ShowFullscreen === true) {Update_FullscreenButton()}
} }
function ExitFullscreen() { function ExitFullscreen() {
VideoContainer.classList.remove('zorn-fullscreen'); VideoContainer.classList.remove('zorn-fullscreen');
Update_FullscreenButton() if (ShowFullscreen === true) {Update_FullscreenButton()}
} }
// Event Listener // Event Listener
Button_Fullscreen.onclick = Toggle_Fullscreen; if (ShowFullscreen === true) {Button_Fullscreen.onclick = Toggle_Fullscreen;}
function Update_FullscreenButton() { function Update_FullscreenButton() {
if (document.fullscreenElement) { if (document.fullscreenElement) {
Button_Fullscreen.setAttribute("data-title", "Exit full screen (f)"); Button_Fullscreen.setAttribute("data-title", "Exit full screen (f)");
@ -111,7 +110,7 @@ function Fullscreen() {
// Gesture // Gesture
Player.addEventListener("dblclick", () => { Player.addEventListener("dblclick", () => {
Toggle_Fullscreen() Toggle_Fullscreen()
Update_FullscreenButton() if (ShowFullscreen === true) {Update_FullscreenButton()}
}); });
// Keyboard Shortcut // Keyboard Shortcut
@ -353,7 +352,7 @@ function PlayAgain() {
// Init Functions // Init Functions
AutoToggleControls() AutoToggleControls()
Buffering() Buffering()
if (ShowFullscreen === true) {Fullscreen()} Fullscreen()
Gestures() Gestures()
KeyboardShortcuts() KeyboardShortcuts()
PlayPause() PlayPause()

View file

@ -17,7 +17,7 @@ const {
ShowBackAndForward, ShowBackAndForward,
ShowPlaybackRate, ShowPlaybackRate,
ShowPiP, ShowPiP,
ShowFullscreen = true, ShowFullscreen,
BigPlayButton = false, BigPlayButton = false,
YouTube = false, YouTube = false,
@ -106,7 +106,7 @@ import './Styles/Iconoir.css'
: :
null null
} }
<Controller PlayerName={PlayerName} BigPlayButton={BigPlayButton} ShowBackAndForward={ShowBackAndForward} ShowFullscreen={ShowFullscreen}/> <Controller PlayerName={PlayerName} BigPlayButton={BigPlayButton} ShowBackAndForward={ShowBackAndForward}/>
<Seek PlayerName={PlayerName}/> <Seek PlayerName={PlayerName}/>
</div> </div>