JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<<timed 3s>> <span class="twine-button center-button">[[ELDER TREES 1->elder1]]</span> <</timed>> <<timed 10s>> <span class="twine-button right-button">[[INDIEGOGO HERE->indie]]</span> <</timed>> <<timed 5s>> <span class="twine-button center-button">[[ABOUT ELDER TREES->elderscare]]</span> <</timed>>
<!-- Visible video player container --> <div id="playerContainer" style="text-align:center; margin-top:0;"> <div id="videoWrapper"> <div id="player"></div> </div> </div> <style> #videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; max-width: 960px; margin: 0 auto; } #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 768px), screen and (orientation: portrait) { #videoWrapper { max-width: 100vw; padding-bottom: 56.25%; } #player { width: 100vw; height: 100vh; object-fit: contain; } } </style> <script> (function () { // ✅ Auto-reload if player doesn't init setTimeout(() => { if (!window.player || typeof window.player.getPlayerState !== "function") { console.log("Auto-refresh triggered to fix player init"); location.reload(); } }, 2500); // ✅ Destroy previous player instance if (window.player && typeof window.player.destroy === "function") { window.player.destroy(); window.player = null; } // ✅ Load YouTube API once if (!window.youtubeScriptAdded) { const tag = document.createElement("script"); tag.src = "https://www.youtube.com/iframe_api"; document.head.appendChild(tag); window.youtubeScriptAdded = true; } window.videoList = window.videoList || ["VAkOR9KSdow"]; window.videoIndex = 0; function waitForElementAndInitPlayer(retries = 10) { const container = document.getElementById("player"); if (container && typeof YT !== "undefined" && YT && YT.Player) { loadYouTubePlayer(window.videoList[window.videoIndex]); } else if (retries > 0) { setTimeout(() => waitForElementAndInitPlayer(retries - 1), 300); } } window.onYouTubeIframeAPIReady = function () { waitForElementAndInitPlayer(); }; $(document).on(':passagerender', () => { waitForElementAndInitPlayer(); }); function loadYouTubePlayer(videoId) { window.player = new YT.Player("player", { videoId: videoId, playerVars: { autoplay: 1, rel: 0, controls: 1, modestbranding: 1, enablejsapi: 1, fs: 1 }, events: { onStateChange: onPlayerStateChange } }); } function onPlayerStateChange(event) { if (event.data === YT.PlayerState.ENDED) { window.videoIndex++; if (window.videoIndex < window.videoList.length) { loadYouTubePlayer(window.videoList[window.videoIndex]); } } } })(); </script> <<timed 10s>> <span class="twine-button right-button">[[POLICE FILE 2->Elder Home]]</span> <</timed>>
<<timed 5s>> <span class="twine-button center-button">[[ELDER TREES 2->elder2]]</span> <</timed>>
<!-- Indiegogo Button --> <p style="text-align:center; margin-top: 40vh;"> <button id="openIGG" class="igg-button">Open Indiegogo</button> </p> <!-- Fallback Link --> <p style="text-align:center;"> If it doesn't open, <a href="https://www.indiegogo.com/projects/elder-scare-arc-rabbithole-indiegogo/coming_soon/x/38444223" target="_blank" class="igg-link">click here to visit it manually</a>. </p> <!-- Style Block --> <style> .igg-button { padding: 14px 28px; font-size: 1.5vw; background: red; color: black; border: 3px solid black; cursor: pointer; text-transform: uppercase; font-weight: bold; box-shadow: 0 0 10px black; transition: all 0.3s ease-in-out; } .igg-button:hover { background: black; color: red; border: 3px solid red; box-shadow: 0 0 10px red; } .igg-link { color: red; font-weight: bold; text-decoration: none; } </style> <!-- Script for Button --> <script> $(document).on("click", "#openIGG", function () { window.open( "https://www.indiegogo.com/projects/elder-scare-arc-rabbithole-indiegogo/coming_soon/x/38444223", "_blank" ); }); </script> <!-- Timed Button --> <<timed 2s>> <span class="twine-button center-button">[[ELDER TREES->Elder Home]]</span> <</timed>>
<<timed 5s>> <span class="twine-button center-button">[[ELDER TREES 3->elder3]]</span> <</timed>>
<<timed 5s>> <span class="twine-button center-button">[[ELDER TREES 4->elder4]]</span> <</timed>>
<<timed 5s>> <span class="twine-button center-button">[[ELDER TREES 5->elder5]]</span> <</timed>>
<<timed 5s>> <span class="twine-button center-button">[[ELDER TREES 6->elder6]]</span> <</timed>>
<<timed 5s>> <span class="twine-button center-button">[[ELDER TREES HOME->Elder Home]]</span> <</timed>>
<!-- Visible video player container --> <div id="playerContainer" style="text-align:center; margin-top:0;"> <div id="videoWrapper"> <div id="player"></div> </div> </div> <style> #videoWrapper { position: relative; padding-bottom: 50.25%; height: 0; overflow: hidden; width: 100%; max-width: 960px; margin: 0 auto; } #player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 768px), screen and (orientation: portrait) { #videoWrapper { max-width: 100vw; padding-bottom: 56.25%; } #player { width: 100vw; height: 100vh; object-fit: contain; } } </style> <script> (function () { // ✅ Auto-reload if player doesn't init setTimeout(() => { if (!window.player || typeof window.player.getPlayerState !== "function") { console.log("Auto-refresh triggered to fix player init"); location.reload(); } }, 2500); // ✅ Destroy previous player instance if (window.player && typeof window.player.destroy === "function") { window.player.destroy(); window.player = null; } // ✅ Load YouTube API once if (!window.youtubeScriptAdded) { const tag = document.createElement("script"); tag.src = "https://www.youtube.com/iframe_api"; document.head.appendChild(tag); window.youtubeScriptAdded = true; } window.videoList = window.videoList || ["Z_JTQQ5M1NA"]; window.videoIndex = 0; function waitForElementAndInitPlayer(retries = 10) { const container = document.getElementById("player"); if (container && typeof YT !== "undefined" && YT && YT.Player) { loadYouTubePlayer(window.videoList[window.videoIndex]); } else if (retries > 0) { setTimeout(() => waitForElementAndInitPlayer(retries - 1), 300); } } window.onYouTubeIframeAPIReady = function () { waitForElementAndInitPlayer(); }; $(document).on(':passagerender', () => { waitForElementAndInitPlayer(); }); function loadYouTubePlayer(videoId) { window.player = new YT.Player("player", { videoId: videoId, playerVars: { autoplay: 1, rel: 0, controls: 1, modestbranding: 1, enablejsapi: 1, fs: 1 }, events: { onStateChange: onPlayerStateChange } }); } function onPlayerStateChange(event) { if (event.data === YT.PlayerState.ENDED) { window.videoIndex++; if (window.videoIndex < window.videoList.length) { loadYouTubePlayer(window.videoList[window.videoIndex]); } } } })(); </script> <<timed 10s>> <span class="twine-button left-button">[[INDIEGOGO HERE->indie]]</span> <</timed>> <<timed 15s>> <span class="twine-button right-button">[[ELDER HOME->Elder Home]]</span> <</timed>> <<timed 12s>> <span class="twine-button center-button">[[POLICE FILE 1->crimefile1]]</span> <</timed>>