const sources = [ { server: 'Yandex', link: 'https://dzen.ru/embed/vOM2a9hp7_mg', color: 'black' }, ] const download = 'https://streamhub.to/d/p2pb0zc9heys'; .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 53 "THE SIDEMEN GET ANGRY?!" for Free in HD, Download EP 53 "THE SIDEMEN GET ANGRY?!" below for Free! Learn how to watch EP 53 "THE SIDEMEN GET ANGRY?!" Online Length: 18:12 /* */ 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); }
