`; // Insert near top of body if (document.body) { document.body.insertAdjacentElement("afterbegin", container); console.log("banner inserted new"); } else { // fallback: attempt append to documentElement if body not present (very rare) try { document.documentElement.insertAdjacentElement("afterbegin", container); console.log("banner inserted new (documentElement fallback)"); } catch (e) { console.warn("banner insert failed: no body available"); } } } /* ================================ 3. Scroll & Visibility Logic ================================= */ function enableBannerBehavior() { console.log("enableBannerBehavior called"); var banner = document.querySelector("#capture-tag > a > span"); var nav = document.querySelector("#categoryNav"); console.log("banner present:", !!banner, "nav present:", !!nav); if (!banner || !nav) { console.warn("enableBannerBehavior: banner or nav missing, aborting behavior attach"); return; } function updateNavPosition() { var img = banner.querySelector("img"); if (img) { nav.style.top = img.clientHeight + "px"; } } function onScroll() { var y = window.scrollY; if (y > 10) banner.classList.add("visible"); else banner.classList.remove("visible"); if (y > 200) nav.classList.add("visible"); else nav.classList.remove("visible"); updateNavPosition(); } window.addEventListener("scroll", onScroll); window.addEventListener("resize", updateNavPosition); window.addEventListener("load", updateNavPosition); // small defer to let image dimensions settle if needed setTimeout(updateNavPosition, 50); onScroll(); console.log("scroll/resize/load listeners attached"); } /* ================================ 4. Execute after DOM is ready (uses interval like your working example) ================================= */ function tryInit() { // already inserted by another run? if (document.getElementById("capture-tag")) return true; insertBanner(); return !!document.getElementById("capture-tag"); } (function waitForDOM() { var attempts = 0; var maxAttempts = 40; // ~12s var interval = setInterval(function() { attempts++; // ensure we have a body to insert into if (document.body && tryInit()) { // ensure small delay so inserted nodes are queryable and images can start loading setTimeout(function() { enableBannerBehavior(); }, 50); clearInterval(interval); console.log("init succeeded after attempts:", attempts); return; } if (attempts >= maxAttempts) { clearInterval(interval); console.warn("Banner failed to load after max attempts"); } }, 300); })(); /* ================================ 5. Force playsinline on videos ================================= */ document.addEventListener("DOMContentLoaded", function () { console.log("DOMContentLoaded fired for video patch"); function patchHeroVideo() { try { var vid = document.querySelector("#jumbotron video"); if (!vid) { console.log("patchHeroVideo: no video found"); return; } vid.setAttribute("playsinline", ""); vid.setAttribute("webkit-playsinline", ""); vid.setAttribute("muted", ""); vid.setAttribute("autoplay", ""); vid.muted = true; vid.playsInline = true; vid.autoplay = true; var playPromise = vid.play(); if (playPromise && typeof playPromise.then === "function") { playPromise .then(function() { console.log("Hero video autoplayed inline"); }) .catch(function(err) { console.warn("Hero video autoplay blocked:", err); }); } else { console.log("Hero video play() called (no promise)"); } } catch (e) { console.error("Video inline-playback/autoplay patch failed:", e); } } patchHeroVideo(); var attempts = 0; var interval = setInterval(function () { patchHeroVideo(); attempts++; if (attempts > 10) clearInterval(interval); }, 500); }); })(); (function () { function addStyleTag(css) { const styleTag = document.createElement('style'); styleTag.appendChild(document.createTextNode(css)); const head = document.head || document.getElementsByTagName('head')[0]; head.appendChild(styleTag); } const navStyles = ` .actions-wrapper p { color: #40a326!important; } ` if (document.readyState === "complete") { addStyleTag(navStyles); } else { window.addEventListener("load", function () { addStyleTag(navStyles); }); } })(); (function() { let style = document.createElement('style'); style.textContent = ` /* Styles go here */ `; let head = document.getElementsByTagName('head')[0]; head.appendChild(style); })();