BOOSTER29 Videos | Alle Aufzeichnungen 2026 | Markus Dörr
const $list = document.getElementById('list');
const $q = document.getElementById('q');
const legendHtml = `
🧠 Fokus = ruhig auf meiner Seite (mit Downloads) ·
▶️ YouTube = zum Teilen & Reichweite
`;
function getYouTubeId(url) {
if (!url) return null;
const match = url.match(/(?:youtu\.be\/|youtube\.com\/watch\?v=)([^&?]+)/);
return match ? match[1] : null;
}
function render(items) {
$list.innerHTML = items.map((v, index) => {
const videoId = getYouTubeId(v.youtube);
const hasYouTube = !!videoId;
const hasVimeo = !!(v.vimeo && v.vimeo.trim().length > 0);
const thumb = v.thumb || (videoId ? `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg` : '');
const teaser = v.description ? (v.description.length > 120 ? v.description.substring(0, 120) + '…' : v.description) : '';
let cardHtml = '';
if (!hasYouTube && !hasVimeo) {
cardHtml = `
${thumb ? `
` : ''}
${v.date}
${v.title}
${teaser ? `
${teaser}
` : ''}
🕒 Bald verfügbar
`;
} else {
const ytHref = hasYouTube ? `https://www.youtube.com/watch?v=${videoId}` : '';
const focusHref = hasVimeo ? v.vimeo : '';
cardHtml = `
${thumb ? `
` : ''}
${v.date}
${v.title}
${teaser ? `
${teaser}
` : ''}
`;
}
if (index === 2) cardHtml += legendHtml;
return cardHtml;
}).join('');
}
$q.addEventListener('input', (e) => {
const term = (e.target.value || '').toLowerCase().trim();
const filtered = videos.filter(v =>
v.title.toLowerCase().includes(term) ||
v.date.includes(term) ||
(v.description || '').toLowerCase().includes(term)
);
render(filtered);
});
render(videos);