25 lines
857 B
JavaScript
25 lines
857 B
JavaScript
window.addEventListener("DOMContentLoaded", () => {
|
|
document.querySelectorAll("[data-youtube-embed]").forEach((placeholder) => {
|
|
if (!(placeholder instanceof HTMLElement)) return;
|
|
placeholder.addEventListener("click", () => {
|
|
const videoId = placeholder.getAttribute("data-youtube-embed") || "";
|
|
const timestamp = placeholder.getAttribute("data-youtube-timestamp") || "";
|
|
placeholder.outerHTML = `
|
|
<iframe \\
|
|
width="1280" \\
|
|
height="720" \\
|
|
src="https://www.youtube.com/embed/${videoId}?${timestamp ? `start=${timestamp}&` : ""}autoplay=1" \\
|
|
frameborder="0" \\
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" \\
|
|
allowfullscreen\\
|
|
>\\
|
|
</iframe>\\
|
|
`
|
|
.split("\n")
|
|
.map((line) => line.trim())
|
|
.join("")
|
|
.replaceAll(`\\`, "");
|
|
});
|
|
});
|
|
});
|