Template:FlashEmbed: Difference between revisions

Revision as of 08:32, 25 April 2025

My Game

   <button class="preloader_button">Launch</button>

@@ Line 1: / Line 1: @@
 <includeonly>
-  <!-- load the template’s CSS -->
+<templatestyles src="Template:FlashEmbed/styles.css" />
-  <templatestyles src="Template:FlashEmbed/styles.css" />
-  <div class="ruffle-player">
+<div class="ruffle-container"
-    <div class="preloader">
+     data-swf-url="{{{url}}}"
-      <!-- background/logo image -->
+     style="--bg: url('{{{bgimage|https://flashmuseum.org/wp-content/uploads/2023/06/The_Right_Mix_logo.png}}}')">
-      <img
+  <div class="ruffle-overlay">
-        src="{{{bgimage|https://flashmuseum.org/wp-content/uploads/2023/06/The_Right_Mix_logo.png}}}"
+    <div class="preloader_title">{{{title|The Right Mix}}}</div>
-        alt="{{{title|Play}}}"
+    <button class="preloader_button">{{{button|Play Now}}}</button>
-      />
-      <!-- title text -->
-      <div class="preloader_title">
-        {{{title|The Right Mix}}}
-      </div>
-      <!-- play button -->
-      <div class="preloader_button wp-block-button__link">
-        {{{button|Play Now}}}
-      </div>
-    </div>
-    <!-- your original Flash embed -->
-    <htmltag
-      tagname="object"
-      type="application/x-shockwave-flash"
-      data="{{{url}}}"
-      width="{{{width|600}}}"
-      height="{{{height|400}}}"
-    >
-      <htmltag name="movie"       value="{{{url}}}"                tagname="param" selfclose="true" />
-      <htmltag name="allowScriptAccess" value="never" tagname="param" selfclose="true" />
-    </htmltag>
    </div>
+  <div class="ruffle-player"></div>
+</div>
 </includeonly>
+<noinclude>
+{{FlashEmbed
+ |url=https://dlhb.gamebrew.org/flashgames/alien_hominid.swf
+ |bgimage=https://www.gamebrew.org/wiki/File:GrisaiaPhantomTrigger0102VitaEngTrans.png
+ |title=My Game
+ |button=Launch
+}}
+</noinclude>