fix(animated-covers): edis a fat worm
This commit is contained in:
parent
4aaffd2c22
commit
ca173c2d58
3 changed files with 13 additions and 1 deletions
|
|
@ -446,7 +446,9 @@ document.addEventListener('DOMContentLoaded', async () => {
|
|||
ui.setCurrentTrack(player.currentTrack);
|
||||
}
|
||||
|
||||
document.querySelector('.now-playing-bar .cover').addEventListener('click', async () => {
|
||||
document.querySelector('.now-playing-bar').addEventListener('click', async (e) => {
|
||||
if (!e.target.closest('.cover')) return;
|
||||
|
||||
if (!player.currentTrack) {
|
||||
alert('No track is currently playing');
|
||||
return;
|
||||
|
|
|
|||
|
|
@ -188,6 +188,7 @@ export class Player {
|
|||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.className = coverEl.className;
|
||||
video.id = coverEl.id;
|
||||
coverEl.replaceWith(video);
|
||||
}
|
||||
} else {
|
||||
|
|
@ -195,6 +196,7 @@ export class Player {
|
|||
const img = document.createElement('img');
|
||||
img.src = coverUrl;
|
||||
img.className = coverEl.className;
|
||||
img.id = coverEl.id;
|
||||
coverEl.replaceWith(img);
|
||||
} else {
|
||||
coverEl.src = coverUrl;
|
||||
|
|
@ -408,6 +410,7 @@ export class Player {
|
|||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.className = coverEl.className;
|
||||
video.id = coverEl.id;
|
||||
coverEl.replaceWith(video);
|
||||
}
|
||||
} else {
|
||||
|
|
@ -415,6 +418,7 @@ export class Player {
|
|||
const img = document.createElement('img');
|
||||
img.src = coverUrl;
|
||||
img.className = coverEl.className;
|
||||
img.id = coverEl.id;
|
||||
coverEl.replaceWith(img);
|
||||
} else {
|
||||
coverEl.src = coverUrl;
|
||||
|
|
|
|||
6
js/ui.js
6
js/ui.js
|
|
@ -2291,6 +2291,7 @@ export class UIRenderer {
|
|||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.className = imageEl.className;
|
||||
video.id = imageEl.id;
|
||||
imageEl.replaceWith(video);
|
||||
} else {
|
||||
imageEl.src = videoCoverUrl;
|
||||
|
|
@ -2300,6 +2301,7 @@ export class UIRenderer {
|
|||
const img = document.createElement('img');
|
||||
img.src = coverUrl;
|
||||
img.className = imageEl.className;
|
||||
img.id = imageEl.id;
|
||||
imageEl.replaceWith(img);
|
||||
} else {
|
||||
imageEl.src = coverUrl;
|
||||
|
|
@ -3042,6 +3044,7 @@ export class UIRenderer {
|
|||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.className = imageEl.className;
|
||||
video.id = imageEl.id;
|
||||
imageEl.replaceWith(video);
|
||||
} else {
|
||||
imageEl.src = videoCoverUrl;
|
||||
|
|
@ -3051,6 +3054,7 @@ export class UIRenderer {
|
|||
const img = document.createElement('img');
|
||||
img.src = coverUrl;
|
||||
img.className = imageEl.className;
|
||||
img.id = imageEl.id;
|
||||
imageEl.replaceWith(img);
|
||||
} else {
|
||||
imageEl.src = coverUrl;
|
||||
|
|
@ -4085,6 +4089,7 @@ export class UIRenderer {
|
|||
video.muted = true;
|
||||
video.playsInline = true;
|
||||
video.className = imageEl.className;
|
||||
video.id = imageEl.id;
|
||||
imageEl.replaceWith(video);
|
||||
} else {
|
||||
imageEl.src = videoCoverUrl;
|
||||
|
|
@ -4094,6 +4099,7 @@ export class UIRenderer {
|
|||
const img = document.createElement('img');
|
||||
img.src = coverUrl;
|
||||
img.className = imageEl.className;
|
||||
img.id = imageEl.id;
|
||||
imageEl.replaceWith(img);
|
||||
} else {
|
||||
imageEl.src = coverUrl;
|
||||
|
|
|
|||
Loading…
Reference in a new issue