View source for Template:ScrollVideo

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

Usage:
<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;">
<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>