kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

video comments on profile comment page

Browse Source
This commit is contained in:
Kibi Kelburton
2026-07-17 11:45:46 +02:00
parent e219bc5573
commit a6193c13fb
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/s/js/user_comments.js
View File

@@ -35,6 +35,7 @@ if (!window.UserCommentSystem) {
const contentEl = el.querySelector('.comment-content'); const contentEl = el.querySelector('.comment-content');
if (contentEl) { if (contentEl) {
contentEl.innerHTML = this.renderCommentContent(data.content, data.item_id); contentEl.innerHTML = this.renderCommentContent(data.content, data.item_id);
this.playEmojiVideos(contentEl);
el.classList.remove('new-item-fade'); el.classList.remove('new-item-fade');
void el.offsetWidth; void el.offsetWidth;
el.classList.add('new-item-fade'); el.classList.add('new-item-fade');
@@ -118,6 +119,7 @@ if (!window.UserCommentSystem) {
const html = this.renderComment(c); const html = this.renderComment(c);
this.container.insertAdjacentHTML('beforeend', html); this.container.insertAdjacentHTML('beforeend', html);
}); });
this.playEmojiVideos(this.container);
this.page++; this.page++;
} else { } else {
this.finished = true; this.finished = true;
@@ -133,9 +135,22 @@ if (!window.UserCommentSystem) {
} }
} }
playEmojiVideos(container) {
if (!container) return;
container.querySelectorAll('video.emoji').forEach(v => {
v.play().catch(() => {
v.addEventListener('canplay', () => v.play().catch(() => {}), { once: true });
});
});
}
renderEmoji(match, name) { renderEmoji(match, name) {
if (this.customEmojis && this.customEmojis[name]) { if (this.customEmojis && this.customEmojis[name]) {
return `<img src="${this.customEmojis[name]}" class="emoji" alt="${match}" title="${match}">`; const url = this.customEmojis[name];
if (url.endsWith('.webm')) {
return `<video src="${url}" class="emoji" autoplay loop muted playsinline title=":${name}:"></video>`;
}
return `<img src="${url}" class="emoji" alt="${match}" title="${match}">`;
} }
return match; return match;
} }