web/notify.moe
Code Issues Pull Requests Activity

Added play and pause button

Browse Source
This commit is contained in:
Eduard Urbach
2018-12-09 11:57:37 +09:00
parent 85f140fb18
commit 6489b550c9
6 changed files with 42 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
scripts/AnimeNotifier.ts
View File

@ -901,6 +901,8 @@ export default class AnimeNotifier {
// Show and hide controls on mouse movement
let controls = video.parentElement.getElementsByClassName("video-controls")[0]
let playButton = video.parentElement.getElementsByClassName("video-control-play")[0] as HTMLElement
let pauseButton = video.parentElement.getElementsByClassName("video-control-pause")[0] as HTMLElement
let hideControls = () => {
controls.classList.add("fade-out")
@ -950,6 +952,16 @@ export default class AnimeNotifier {
this.loading(false)
})
video.addEventListener("play", () => {
playButton.style.display = "none"
pauseButton.style.display = "block"
})
video.addEventListener("pause", () => {
playButton.style.display = "block"
pauseButton.style.display = "none"
})
progressClickable.addEventListener("click", (e: MouseEvent) => {
let rect = progressClickable.getBoundingClientRect()
let x = e.clientX