68 lines
1.6 KiB
TypeScript

import AnimeNotifier from "../AnimeNotifier"
// Toggle play video
export function togglePlayVideo(arn: AnimeNotifier, element: HTMLElement) {
const mediaId = element.dataset.mediaId
if(!mediaId) {
console.error("Missing data-media-id:", element)
return
}
const container = document.getElementById(mediaId)
if(!container) {
console.error("Invalid data-media-id:", element)
return
}
const video = container.getElementsByTagName("video")[0]
video.volume = arn.audioPlayer.volume
if(video.readyState >= 2) {
togglePlayVideoElement(video)
return
}
video.addEventListener("canplay", () => {
togglePlayVideoElement(video)
})
video.load()
}
function togglePlayVideoElement(video: HTMLVideoElement) {
if(video.paused) {
video.play()
} else {
video.pause()
}
}
// Toggle fullscreen
export function toggleFullscreen(_: AnimeNotifier, button: HTMLElement) {
const elementId = button.dataset.id
if(!elementId) {
console.error("Missing data-id:", button)
return
}
const element = document.getElementById(elementId)
if(!element) {
console.error("Invalid data-id:", button)
return
}
const requestFullscreen = element.requestFullscreen || element["mozRequestFullScreen"] || element["webkitRequestFullScreen"] || element["msRequestFullscreen"]
const exitFullscreen = document.exitFullscreen || document["mozCancelFullScreen"] || document["webkitExitFullscreen"] || document["msExitFullscreen"]
const fullscreen = document.fullscreen || document["webkitIsFullScreen"] || document["mozFullScreen"]
if(fullscreen) {
exitFullscreen.call(document)
} else {
requestFullscreen.call(element)
}
}