const sources = [ { server: 'Streamhub', link: 'https://streamhub.to/e/9ju41p4gxjiv', color: 'red' }, { server: 'Streamtape', link: 'https://streamtape.com/e/3r2zRm1KdzHdQMA/', color: 'purple' }, { server: 'Doodstream', link: 'https://dood.pm/e/yqm3kye3az0cgymx469wbfzjz593wmf5', color: 'orange' }, ] const download = 'https://streamhub.to/d/9ju41p4gxjiv'; .iframe { width: 100%; aspect-ratio: 16 / 10; } .sources { margin-top: 20px; } .streamBtn { padding: 10px 15px; margin-right: 10px; color: #fff; font-weight: 500; font-size: 18px; border: none; border-radius: 5px; background-color: rgb(16, 112, 238); font-family: sans-serif; cursor: pointer; } .downloadBtn { padding: 10px 15px; margin-right: 10px; color: #fff; font-weight: 500; font-size: 18px; border: none; border-radius: 5px; background-color: rgb(16, 112, 238); text-decoration: none; font-family: sans-serif; cursor: pointer; margin-top: 20px; display: inline-block; } /* */ const player = document.querySelector('.player'); const iframe = document.querySelector('.iframe'); const sourcesDiv = document.querySelector('.sources'); iframe.src = sources[0].link; sources.forEach((source) => { const streamBtn = document.createElement('button'); streamBtn.className = 'streamBtn'; streamBtn.innerText = source.server; sourcesDiv.appendChild(streamBtn); if (source.color) { streamBtn.style.backgroundColor = source.color; } streamBtn.addEventListener('click', () => { iframe.src = source.link; }); }); if (download) { const downloadBtn = document.createElement('a'); downloadBtn.className = 'downloadBtn'; downloadBtn.innerText = 'Download (Streamhub)'; downloadBtn.style.color = "#fffdfd" downloadBtn.href = download; downloadBtn.target = '_blank'; player.appendChild(downloadBtn); } Description: Watch Ep. 48 “WE MIGHT HAVE A FEW NEW MEMBERS” below for Free! Learn how to watch Ep. 48 “WE MIGHT HAVE A FEW NEW MEMBERS” OnlineLength: 1:14:49
