Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-11-03 19:17:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixing controls on mobile

Browse Source
This commit is contained in:
Zoe Roux 2020-10-13 23:39:09 +02:00
parent 2186280d85
commit 0c857c9db1
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/pages/player/player.component.html
View File

@ -1,6 +1,6 @@
<div id="root"
(mouseenter)="this.showControls = true;"
(mouseleave)="!this.player.paused ? this.showControls = false : null"
(mouseenter)="!isMobile ? this.showControls = true : null"
(mouseleave)="!this.player.paused && !isMobile ? this.showControls = false : null"
[style.cursor]="this.showControls ? '' : 'none'">
<div class="player data-vjs-player">
<video id="player" #player

8
src/app/pages/player/player.component.ts
View File

@ -257,7 +257,7 @@ export class PlayerComponent implements OnInit, OnDestroy, AfterViewInit
{
if (this.seeking)
this.player.currentTime = this.getTimeFromSeekbar(event.pageX);
else
else if (!AppComponent.isMobile)
this.showControls = true;
}
@ -331,11 +331,15 @@ export class PlayerComponent implements OnInit, OnDestroy, AfterViewInit
}
videoClicked()
{
if (AppComponent.isMobile)
this.showControls = !this.showControls;
else
{
this.showControls = !this.player.paused;
if (!AppComponent.isMobile)
this.togglePlayback();
}
}
togglePlayback()
{