https://wiki.sojielectronics.com/index.php?action=history&feed=atom&title=Template%3AScrollVideo
Template:ScrollVideo - Revision history
2026-07-23T00:36:17Z
Revision history for this page on the wiki
MediaWiki 1.45.3
https://wiki.sojielectronics.com/index.php?title=Template:ScrollVideo&diff=1258&oldid=prev
Admin: Update
2026-05-27T01:38:51Z
<p>Update</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 01:38, 27 May 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Line 2:</td>
<td colspan="2" class="diff-lineno">Line 2:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Embeds an HTML5 video that auto-plays when scrolled into view.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Embeds an HTML5 video that auto-plays when scrolled into view.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Usage:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Usage: <code><nowiki>{{ScrollVideo|file=Product-Demo.mp4|width=640|caption=Product demonstration}}</nowiki></code></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><code><nowiki>{{ScrollVideo|file=Product-Demo.mp4|width=640|caption=Product demonstration}}</nowiki></code></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Templates]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Templates]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></noinclude><includeonly><div class="scroll-<del style="font-weight: bold; text-decoration: none;">play" style="text-align:center; margin:16px 0;"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></noinclude><includeonly><div class="<ins style="font-weight: bold; text-decoration: none;">soji-</ins>scroll-video" <ins style="font-weight: bold; text-decoration: none;">data</ins>-<ins style="font-weight: bold; text-decoration: none;">src</ins>="{{{<ins style="font-weight: bold; text-decoration: none;">src</ins>|{{filepath:{{{file|<ins style="font-weight: bold; text-decoration: none;">}}}</ins>}}}}}" <ins style="font-weight: bold; text-decoration: none;">data-width</ins>="{{{<ins style="font-weight: bold; text-decoration: none;">width</ins>|<ins style="font-weight: bold; text-decoration: none;">640</ins>}}}" <ins style="font-weight: bold; text-decoration: none;">data</ins>-<ins style="font-weight: bold; text-decoration: none;">caption=</ins>"{{{caption<ins style="font-weight: bold; text-decoration: none;">|</ins>}}}<ins style="font-weight: bold; text-decoration: none;">"</ins>></div></includeonly></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><</del>video <del style="font-weight: bold; text-decoration: none;">class=</del>"<del style="font-weight: bold; text-decoration: none;">scroll</del>-<del style="font-weight: bold; text-decoration: none;">play" width</del>="{{{<del style="font-weight: bold; text-decoration: none;">width</del>|<del style="font-weight: bold; text-decoration: none;">640}}}" muted loop playsinline preload="metadata" style="max-width:100%; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><source src="</del>{{filepath:{{{file|}}}}}" <del style="font-weight: bold; text-decoration: none;">type</del>="<del style="font-weight: bold; text-decoration: none;">video/mp4"></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Your browser does not support HTML5 video.</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></video></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{</del>{<del style="font-weight: bold; text-decoration: none;">#if:</del>{{<del style="font-weight: bold; text-decoration: none;">{caption</del>|}}}<del style="font-weight: bold; text-decoration: none;">|<div style=</del>"<del style="font-weight: bold; text-decoration: none;">font</del>-<del style="font-weight: bold; text-decoration: none;">size:0.9em; color:#54595d; margin-top:4px;</del>"<del style="font-weight: bold; text-decoration: none;">></del>{{{caption}}}<del style="font-weight: bold; text-decoration: none;"></div</del>><del style="font-weight: bold; text-decoration: none;">|}}</del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div></div></includeonly></div></td><td colspan="2" class="diff-side-added"></td></tr>
</table>
Admin
https://wiki.sojielectronics.com/index.php?title=Template:ScrollVideo&diff=900&oldid=prev
Admin: Create template
2026-05-20T03:02:27Z
<p>Create template</p>
<p><b>New page</b></p><div><noinclude><br />
Embeds an HTML5 video that auto-plays when scrolled into view.<br />
<br />
Usage:<br />
<code><nowiki>{{ScrollVideo|file=Product-Demo.mp4|width=640|caption=Product demonstration}}</nowiki></code><br />
<br />
[[Category:Templates]]<br />
</noinclude><includeonly><div class="scroll-play" style="text-align:center; margin:16px 0;"><br />
<video class="scroll-play" width="{{{width|640}}}" muted loop playsinline preload="metadata" style="max-width:100%; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);"><br />
<source src="{{filepath:{{{file|}}}}}" type="video/mp4"><br />
Your browser does not support HTML5 video.<br />
</video><br />
{{#if:{{{caption|}}}|<div style="font-size:0.9em; color:#54595d; margin-top:4px;">{{{caption}}}</div>|}}<br />
</div></includeonly></div>
Admin