diff --git a/extensions/core-ruffle/static/templates/basic.css b/extensions/core-ruffle/static/templates/basic.css
index 54ffc9b27..55e45cb29 100644
--- a/extensions/core-ruffle/static/templates/basic.css
+++ b/extensions/core-ruffle/static/templates/basic.css
@@ -23,4 +23,10 @@ body {
   text-align: center;
   margin-top: 1rem;
   margin-bottom: 1rem;
+}
+.button-row {
+  margin-top: 1rem;
+  display: flex;
+  flex-direction: row;
+  justify-content: left;
 }
\ No newline at end of file
diff --git a/extensions/core-ruffle/static/templates/basic.mustache b/extensions/core-ruffle/static/templates/basic.mustache
index 16d1fb010..1340cf7bf 100644
--- a/extensions/core-ruffle/static/templates/basic.mustache
+++ b/extensions/core-ruffle/static/templates/basic.mustache
@@ -10,11 +10,17 @@
     <div class="page-content">
       <div class="game-title">{{title}}</div>
       <div id="embed-container"></div>
+      <div class="button-row">
+        <button class="button-basic" onclick="(() => {
+          window.player.enterFullscreen();
+        })()">Fullscreen</button>
+      </div>
 
       <script>
         window.RufflePlayer = window.RufflePlayer || {};
         window.RufflePlayer.config = {
           "allowScriptAccess": true,
+          "autoplay": "on",
         }
         window.addEventListener("load", (event) => {
           const ruffle = window.RufflePlayer.newest();
@@ -22,6 +28,7 @@
           const container = document.getElementById("embed-container");
           container.appendChild(player);
           player.load("{{{sourceUrl}}}");
+          window.player = player;
         });
       </script>
       <script src="http://ruffle.rs/ruffle.js"></script>