Thunder Kong Extreme
Wenn dieser König brüllt, erzittert die Luft. „Thunder Kong Extreme“ stampft mit roten und grünen Schweifen in den Himmel und explodiert in vollen Goldbuketten, titangoldenen Palmenexplosionen und glühenden Glitzerregen.Groß, laut und unverkennbar, extreme Kraft.
▶
Klicken zum Laden
Video abspielen
Erst nach dem Klick wird eine Verbindung zu YouTube hergestellt.
JavaScript ist deaktiviert.
Video auf YouTube öffnen
.yt2c { max-width: 960px; }
.yt2c__btn {
width: 100%;
border: 0;
padding: 0;
background: none;
text-align: left;
cursor: pointer;
}
.yt2c__box {
position: relative;
display: block;
aspect-ratio: 16/9;
border-radius: 14px;
overflow: hidden;
background:
radial-gradient(1200px 500px at 20% 30%, rgba(255,255,255,.14), transparent 60%),
radial-gradient(900px 400px at 80% 20%, rgba(255,255,255,.10), transparent 55%),
linear-gradient(135deg, #111, #1e1e1e);
}
.yt2c__play {
position: absolute;
inset: 0;
display: grid;
place-items: center;
font-size: clamp(28px, 6vw, 56px);
background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.12));
color: #fff;
}
.yt2c__hint {
position: absolute;
left: 12px;
bottom: 12px;
padding: 6px 10px;
border-radius: 10px;
background: rgba(0,0,0,.55);
color: #fff;
font-size: 14px;
}
.yt2c__text { display: block; margin-top: 10px; }
.yt2c__title { display: block; font-weight: 600; }
.yt2c__note { display: block; font-size: .95rem; opacity: .8; }
.yt2c__btn:focus-visible .yt2c__box {
outline: 3px solid currentColor;
outline-offset: 3px;
}
.yt2c__iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
(function () {
function createIframe(videoId) {
var iframe = document.createElement("iframe");
iframe.className = "yt2c__iframe";
iframe.src = "https://www.youtube-nocookie.com/embed/" + encodeURIComponent(videoId);
iframe.title = "YouTube Video";
iframe.allow =
"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share";
iframe.allowFullscreen = true;
iframe.loading = "lazy";
iframe.referrerPolicy = "strict-origin-when-cross-origin";
return iframe;
}
document.addEventListener("click", function (e) {
var btn = e.target.closest && e.target.closest(".yt2c__btn");
if (!btn) return;
var wrap = btn.closest(".yt2c");
if (!wrap) return;
var videoId = wrap.getAttribute("data-yt-id");
if (!videoId) return;
var box = btn.querySelector(".yt2c__box");
if (!box) return;
box.innerHTML = "";
box.appendChild(createIframe(videoId));
});
})();