0x2620/pandora
2
1
Fork 1
Code Issues 1.2k Pull requests Releases Wiki Activity

merge changes from phantasma

Browse source
This commit is contained in:
j 2024-02-17 10:55:11 +00:00
commit 7ad121d912
5 changed files with 79 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
static/mobile/js/VideoPlayer.js
View file

@ -18,6 +18,9 @@ window.VideoPlayer = function(options) {
self.controls = document.createElement('div')
self.controls.classList.add('mx-controls')
if (options.poster) {
self.controls.classList.add('poster')
}
//self.controls.style.display = "none"
if (self.options.controls) {
var ratio = `aspect-ratio: ${self.options.aspectratio};`
@ -45,6 +48,13 @@ window.VideoPlayer = function(options) {
margin: auto;
}
.mx-controls.poster {
background-image: url(${self.options.poster});
background-repeat: no-repeat;
background-size: contain;
background-blend-mode: overlay;
}
.mx-controls .toggle {
display: flex;
flex: 1;
@ -160,6 +170,7 @@ window.VideoPlayer = function(options) {
event.preventDefault()
event.stopPropagation()
if (that.paused) {
self.controls.classList.remove('poster')
that.play()
} else {
that.pause()
@ -193,6 +204,7 @@ window.VideoPlayer = function(options) {
})
}
if (that.paused && !failed) {
self.controls.classList.remove('poster')
that.play()
}
} else {
@ -314,6 +326,7 @@ window.VideoPlayer = function(options) {
toggle.querySelector('div').innerHTML = icon.pause
self.controls.style.opacity = '0'
unblock.remove()
self.controls.classList.remove('poster')
that.play()
}
})