您在这里: start » arcade-games » 96_flag_rally

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

--- arcade-games:96_flag_rally [2025/01/06 03:02] – wyrover
+++ arcade-games:96_flag_rally [2025/01/06 04:50] (当前版本) – wyrover
@@ 行 2: / 行 2: @@
 <html>
-<iframe src="https://www.retrogames.cc/embed/33038-96-flag-rally.html" width="600" height="450" frameborder="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" scrolling="no"></iframe>
+<style>
+  .container {
+    position: relative;
+    width: 600px;
+    height: 450px;
+  }
+  .image {
+    width: 100%;
+    height: 100%;
+  }
+  .play-button {
+    position: absolute;
+    bottom: 20%;
+    left: 50%;
+    transform: translate(-50%, 50%);
+    background-color: rgba(0, 0, 0, 0.6);
+    color: white;
+    border: none;
+    padding: 20px 180px;
+    cursor: pointer;
+    font-size: 96px;
+  }
+</style>
+<div class="container">
+  <img src="/_media/arcade-games/2025-01-06_12-48-51.png" class="image" alt="Image">
+  <button class="play-button" onclick="loadIframe()">PLAY NOW</button>
+</div>
+<div id="iframeContainer"></div>
+<script type="text/javascript">
+  function loadIframe() {
+    var iframe = document.createElement('iframe');
+    iframe.src = 'https://www.retrogames.cc/embed/33038-96-flag-rally.html';
+    iframe.width = '600';
+    iframe.height = '450';
+    iframe.frameBorder = 'no';
+    iframe.allowFullscreen = true;
+    iframe.webkitallowfullscreen = true;
+    iframe.mozallowfullscreen = true;
+    iframe.scrolling = 'no';
+    var container = document.querySelector('.container');
+    container.parentNode.replaceChild(iframe, container);
+  }
+</script>
 </html>
 {{tag>}}
 ~~DISCUSSION~~