Template:FlashEmbed: Difference between revisions

Latest revision as of 15:14, 18 May 2025

Usage:

{{FlashEmbed|url=https://example.com/yourgame.swf|width=640|height=480}}

edit JS - https://www.gamebrew.org/wiki/MediaWiki:RuffleLoader.js edit css - https://www.gamebrew.org/wiki/Template:FlashEmbed/styles.css

@@ Line 2: / Line 2: @@
 <templatestyles src="Template:FlashEmbed/styles.css" />
-<htmltag tagname="div"
+<htmltag tagname="script"
-     class="ruffle-container"
+     src="/index.php?title=MediaWiki:RuffleLoader.js&amp;action=raw&amp;ctype=text/javascript">
-    style="width:{{{width|640}}}px; height:{{{height|480}}}px; display:block; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; background-color:#000;">
+</htmltag>
-    <!-- Splash Screen Overlay -->
-    <htmltag tagname="div"
-        class="custom-splash"
-        style="position:absolute; top:0; left:0; width:100%; height:100%; background:#000; display:flex; align-items:center; justify-content:center; z-index:10;">
-        <htmltag tagname="img"
-            src="https://www.gamebrew.org/images/5/52/Gb-logo-v3.png"
-            alt="Loading..."
-            style="max-width:80%; max-height:80%;" />
-    </htmltag>
-    <!-- Ruffle Player Area -->
+<htmltag tagname="object"
-    <htmltag tagname="div"
+    type="application/x-shockwave-flash"
-        class="ruffle-player"
+    data="{{{url}}}"
-        data-swf-url="{{{url}}}"
+    width="{{{width|600}}}"
-        data-splash-screen="{{{preloader|true}}}"
+    height="{{{height|400}}}"
-        style="width:100%; height:100%;">
+    style="display:block; margin-left:auto; margin-right:auto;">
-        <htmltag tagname="object"
+  <htmltag tagname="param" name="movie" value="{{{url}}}" selfclose="true" />
-            type="application/x-shockwave-flash"
+  <htmltag tagname="param" name="allowScriptAccess" value="never" selfclose="true" />
-            data="{{{url}}}"
+</htmltag>
-            width="100%"
-            height="100%"
-            style="display:block; margin-left:auto; margin-right:auto;">
-            <htmltag tagname="param" name="movie" value="{{{url}}}" selfclose="true" />
-            <htmltag tagname="param" name="allowScriptAccess" value="never" selfclose="true" />
-        </htmltag>
-    </htmltag>
-</htmltag>
 </includeonly>
+<noinclude>
+Usage:
+<pre>{{FlashEmbed|url=https://example.com/yourgame.swf|width=640|height=480}}</pre>
+edit JS - https://www.gamebrew.org/wiki/MediaWiki:RuffleLoader.js
+edit css - https://www.gamebrew.org/wiki/Template:FlashEmbed/styles.css
+</noinclude>