@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500&display=swap"); body { font-family: "Noto Sans", sans-serif; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; background-color: rgb(240 240 240); backdrop-filter: blur(30px); height: 240vh; padding: 0; margin: 0; } #kaurukavideo { max-width: 800px; width: 100%; margin: auto; overflow: hidden; box-shadow: 0 2px 6px -1px rgb(7 10 25 / 5%), 0 6px 12px -6px rgb(7 10 25 / 10%); border-radius: 8px; } .lazy-v { position: relative; width: 100%; height: 0; padding-bottom: 56.65%; background-color: #000; cursor: pointer; overflow: hidden; } .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; display: flex; justify-content: center; align-items: center; } .play span { border-style: solid; border-width: 15px 0 15px 26.7px; border-color: transparent transparent transparent white; margin-left: 5px; } .lazy-v img { position: absolute; top: 0; left: 0; width: calc(100% + 5px); border: 0; border-radius: 0; opacity: 0.95; z-index: -1; } #kaurukavideo .lazy-v p { color: #fff; display: flex; justify-content: center; } .lazy-v iframe { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; } .servideo { display: flex; flex-wrap: wrap; gap: 10px; padding: 12px; font-size: 13px; background-color: #1a1a1a; } .servideo .change-video { background-color: #222; color: #eee; border-radius: 4px; padding: 4px 10px; cursor: pointer; align-items: center; display: flex; transition: .4s ease; } .servideo .change-video:hover, .servideo .change-video.c-aktif { background: rgb(99 77 235); transition: .4s ease; } .servideo .change-video:before { content: ""; opacity: 0; } .servideo .change-video.c-aktif:before { content: ""; margin-right: 5px; margin-left: -5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctitle%3Eplay-circle%3C/title%3E%3Cpath d='M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' fill='%23fff' /%3E%3C/svg%3E"); width: 18px; height: 18px; display: inline-block; transition: .3s; opacity: 1; } @media screen and (max-width: 800px) { body { padding: 0 15px; } } Live HD Sky Sports Sky Sports Main Willow Xtra PTV HD document.write(atob("PHNjcmlwdCB0eXBlPSd0ZXh0L2phdmFzY3JpcHQnIHNyYz0nLy9jb2J3ZWJjb21wcmVoZW5zaW9uLmNvbS8xNy80Ni9hNi8xNzQ2YTZjMTc5ZjAwN2ZmYTE4ODRjZTY3YzZhMzYyMC5qcyc+PC9zY3JpcHQ+")); (function() { var thum = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi78gBaZGK7PnnsX7DCmmTx8abO1-bn6i5A3jEvc8y7eX1WjEYhjbsAXShkpOI0VKIHTb574VxtkOeVDLuFc6l7ymBIzVAgYfXaVyxIaHUeKKworzebm3IU0-aqXnxgKMVlqm0hQqRPZngZOQAe5e7g_C_Y7TshHp06-klKb9niJiDmRd2tqZNLWXc5W4Cg/s400-rw/T20.jpg"; 'use strict'; function kaurukaLV($el) { var id = $el.getAttribute('data-embed'), $playBtn = $el.querySelector('.play'), $thumbnailImg = $el.querySelector('.thumb-v'); $playBtn.addEventListener('click', function() { if (!id) { var activeButton = document.querySelector('.change-video.c-aktif'); if (activeButton) { id = activeButton.getAttribute('data-embed'); } } if (id) { $el.innerHTML = ''; } }); var thumbnailUrl = thum; $thumbnailImg.src = thumbnailUrl; $thumbnailImg.onerror = function() { $thumbnailImg.remove(); var errorText = document.createElement('p'); errorText.textContent = 'Thumbnail tidak dapat dimuat.'; $el.appendChild(errorText); }; } var elements = document.querySelectorAll('.lazy-v'); elements.forEach(function($el) { kaurukaLV($el); }); var changeButtons = document.querySelectorAll('.change-video'); changeButtons.forEach(function(button) { button.addEventListener('click', function() { changeButtons.forEach(function(otherButton) { otherButton.classList.remove('c-aktif'); }); button.classList.add('c-aktif'); var newEmbedUrl = button.getAttribute('data-embed'); var videoContainer = document.querySelector('.lazy-v'); var iframe = document.createElement('iframe'); iframe.src = newEmbedUrl; iframe.frameBorder = "0"; iframe.allowfullscreen = "true"; iframe.setAttribute("allow", "fullscreen"); iframe.webkitallowfullscreen = "true"; iframe.mozallowfullscreen = "true"; videoContainer.innerHTML = ""; videoContainer.appendChild(iframe); }); }); })();
