const sources = [ { server: 'Streamhub', link: 'https://streamhub.to/e/jajfzi4g9d42', color: 'red' }, ] const download = 'https://streamhub.to/d/jajfzi4g9d42'; .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; } Description: Watch Ep. 37 SIDEMEN LOVE ISLAND COMING SOON?! for Free in HD, Download Ep. 37 SIDEMEN LOVE ISLAND COMING SOON?! below for Free! Learn how to watch Ep. 37 SIDEMEN LOVE ISLAND COMING SOON?! Online Length: 11:53 /* */ 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); }