const sources = [ { server: 'Yandex', link: 'https://dzen.ru/embed/vdTKTncGzJz8', color: 'black' }, ] const download = 'https://streamhub.to/d/igu6cdyjgo6w'; .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 60 "NO MORE GUESTS ON SIDECAST?!" for Free in HD, Download EP 60 "NO MORE GUESTS ON SIDECAST?!" below for Free! Learn how to watch EP 60 "NO MORE GUESTS ON SIDECAST?!" Online Length: 1:26:46 /* */ 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'; downloadBtn.style.color = "#fffdfd" downloadBtn.href = download; downloadBtn.target = '_blank'; player.appendChild(downloadBtn); }
