72 lines
3.0 KiB
JavaScript
72 lines
3.0 KiB
JavaScript
(function () {
|
|
"use strict";
|
|
|
|
var TWITCH_CHANNEL = "duda_xd";
|
|
|
|
/* Rendert die Video-IDs aus videos.js als iframes.
|
|
* Standard-iframe laut YouTube-Empfehlung. Bewusst OHNE
|
|
* referrerpolicy und OHNE ?si-Parameter: Dann sendet der Browser
|
|
* immer einen Referer (auch bei HTTP-Seite), den YouTube braucht,
|
|
* um den Embedder zu erkennen (sonst Fehler 152/153). */
|
|
function renderYouTubeGrid(videoIds) {
|
|
var grid = document.getElementById("yt-grid");
|
|
if (!grid) return;
|
|
if (!videoIds || !videoIds.length) {
|
|
grid.innerHTML = '<div class="loading">Noch keine Videos vorhanden.</div>';
|
|
return;
|
|
}
|
|
var html = "";
|
|
for (var i = 0; i < videoIds.length; i++) {
|
|
var id = String(videoIds[i]).trim();
|
|
if (!id) continue;
|
|
html +=
|
|
'<div class="video-card">' +
|
|
'<div class="video-wrapper">' +
|
|
'<iframe width="560" height="315" ' +
|
|
'src="https://www.youtube.com/embed/' + id + '" ' +
|
|
'title="YouTube video player" ' +
|
|
'frameborder="0" ' +
|
|
'allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ' +
|
|
'allowfullscreen></iframe>' +
|
|
'</div>' +
|
|
'</div>';
|
|
}
|
|
grid.innerHTML = html || '<div class="loading">Keine Videos gefunden.</div>';
|
|
}
|
|
|
|
/* ------------------------------------------------------------------
|
|
* YouTube: Liest die Video-IDs aus videos.js, die auf dem Server
|
|
* von fetch_videos.py (einmal am Tag per Cron) mit den aktuellen
|
|
* Video-IDs deines Kanals aktualisiert wird.
|
|
*
|
|
* Dein API-Key ist dabei NIE im Browser - er bleibt komplett auf
|
|
* dem Server versteckt (siehe fetch_videos.py).
|
|
* ------------------------------------------------------------------ */
|
|
function loadYouTube() {
|
|
var ids = (typeof DUDA17_VIDEOS !== "undefined") ? DUDA17_VIDEOS : [];
|
|
renderYouTubeGrid(ids);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------
|
|
* Twitch: Live-Player einbetten.
|
|
* ------------------------------------------------------------------ */
|
|
function loadTwitch() {
|
|
var wrap = document.getElementById("twitch-embed");
|
|
if (!wrap) return;
|
|
|
|
var domain = window.location.hostname || "localhost";
|
|
var iframe = document.createElement("iframe");
|
|
iframe.src = "https://player.twitch.tv/?channel=" + TWITCH_CHANNEL +
|
|
"&parent=" + domain + "&muted=true";
|
|
iframe.setAttribute("title", "Twitch Stream");
|
|
iframe.setAttribute("allowfullscreen", "true");
|
|
iframe.setAttribute("scrolling", "no");
|
|
iframe.setAttribute("allow", "autoplay; fullscreen");
|
|
wrap.appendChild(iframe);
|
|
}
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
loadYouTube();
|
|
loadTwitch();
|
|
});
|
|
})(); |