add fullscreen batch 1

g/fsonic.html

@@ -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/flash-sonic.swf"); // Replace with your filename
+                        player.load("flash-files/flash-sonic.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>