Vimeo Player mit Liste
//hier Video ID^s und Titel einfügen (keine url, nur die ID)
const videoList = document.getElementById("videoList");
const iframe = document.getElementById("playerIframe");
let currentIndex = -1;
function setActiveButton(index) {
const buttons = videoList.querySelectorAll("button");
buttons.forEach((btn, i) => {
btn.classList.toggle("active", i === index);
});
}
function loadVideo(index) {
if(currentIndex === index) return; // falls gleiches Video, nix tun
currentIndex = index;
iframe.src = `https://player.vimeo.com/video/${vimeoIds[index]}?autoplay=1`;
iframe.style.display = "block";
setActiveButton(index);
}
vimeoIds.forEach((id, i) => {
const btn = document.createElement("button");
btn.textContent = `Video ${i + 1}`;
btn.addEventListener("click", () => {
loadVideo(i);
});
videoList.appendChild(btn);
});