add fullscreen batch 2

This commit is contained in:
2026-05-01 01:24:23 +00:00
parent 596c8d74ce
commit c8fa69a4d1
3 changed files with 66 additions and 6 deletions

View File

@@ -16,15 +16,35 @@
<div id="flash-container"></div>
<script>
window.RufflePlayer = window.RufflePlayer || {};
let player; // make it accessible
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
player = ruffle.createPlayer();
const container = document.getElementById("flash-container");
container.appendChild(player);
player.load("flash-files/pacman.swf"); // Replace with your filename
player.load("flash-files/pacman.swf");
});
document.addEventListener("DOMContentLoaded", () => {
const btn = document.getElementById("fullscreen-btn");
btn.addEventListener("click", () => {
const elem = document.getElementById("flash-container");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { // Safari
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { // IE11
elem.msRequestFullscreen();
}
});
});
</script>
</div>
<button id="fullscreen-btn">Fullscreen</button>
</div>
</body>
</html>

View File

@@ -16,15 +16,35 @@
<div id="flash-container"></div>
<script>
window.RufflePlayer = window.RufflePlayer || {};
let player; // make it accessible
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
player = ruffle.createPlayer();
const container = document.getElementById("flash-container");
container.appendChild(player);
player.load("flash-files/portal-flash.swf"); // Replace with your filename
player.load("flash-files/portal-flash.swf");
});
document.addEventListener("DOMContentLoaded", () => {
const btn = document.getElementById("fullscreen-btn");
btn.addEventListener("click", () => {
const elem = document.getElementById("flash-container");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { // Safari
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { // IE11
elem.msRequestFullscreen();
}
});
});
</script>
</div>
<button id="fullscreen-btn">Fullscreen</button>
</div>
</body>
</html>

View File

@@ -16,15 +16,35 @@
<div id="flash-container"></div>
<script>
window.RufflePlayer = window.RufflePlayer || {};
let player; // make it accessible
window.addEventListener("load", (event) => {
const ruffle = window.RufflePlayer.newest();
const player = ruffle.createPlayer();
player = ruffle.createPlayer();
const container = document.getElementById("flash-container");
container.appendChild(player);
player.load("flash-files/papas-pizzeria.swf"); // Replace with your filename
player.load("flash-files/papas-pizzeria.swf");
});
document.addEventListener("DOMContentLoaded", () => {
const btn = document.getElementById("fullscreen-btn");
btn.addEventListener("click", () => {
const elem = document.getElementById("flash-container");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { // Safari
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { // IE11
elem.msRequestFullscreen();
}
});
});
</script>
</div>
<button id="fullscreen-btn">Fullscreen</button>
</div>
</body>
</html>