Template:ScrollVideo: Difference between revisions

[checked revision]

Latest revision as of 01:38, 27 May 2026

Embeds an HTML5 video that auto-plays when scrolled into view.

Usage: {{ScrollVideo|file=Product-Demo.mp4|width=640|caption=Product demonstration}}

SOJI Electronics

@@ Line 2: / Line 2: @@
 Embeds an HTML5 video that auto-plays when scrolled into view.
-Usage:
+Usage: <code><nowiki>{{ScrollVideo|file=Product-Demo.mp4|width=640|caption=Product demonstration}}</nowiki></code>
-<code><nowiki>{{ScrollVideo|file=Product-Demo.mp4|width=640|caption=Product demonstration}}</nowiki></code>
 [[Category:Templates]]
-</noinclude><includeonly><div class="scroll-play" style="text-align:center; margin:16px 0;">
+</noinclude><includeonly><div class="soji-scroll-video" data-src="{{{src|{{filepath:{{{file|}}}}}}}}" data-width="{{{width|640}}}" data-caption="{{{caption|}}}"></div></includeonly>
-<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);">
-<source src="{{filepath:{{{file|}}}}}" type="video/mp4">
-Your browser does not support HTML5 video.
-</video>
-{{#if:{{{caption|}}}|<div style="font-size:0.9em; color:#54595d; margin-top:4px;">{{{caption}}}</div>|}}
-</div></includeonly>