const sources = [ { server: 'Yandex', link: 'https://dzen.ru/embed/vDj7vE5V6MQw', color: 'black' }, ] const download = 'https://streamhub.to/d/vza8t6z1oleb'; .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 50 “JJ ENJOYS BEING SHAT ON?!” for Free in HD, Download EP 50 “JJ ENJOYS BEING SHAT ON?!” below for Free! Learn how to watch EP 50 “JJ ENJOYS BEING SHAT ON?!” Online Length: 18:07 /* */ 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); }
