Difference between revisions of "Widget:Snippet"
| Line 15: | Line 15: | ||
<includeonly> | <includeonly> | ||
| + | |||
| + | <!--{if $thumbnail}--> | ||
| + | <!--{if $left}--> | ||
| + | <div class="thumb tleft"> | ||
| + | <!--{/if}--> | ||
| + | <!--{if $right}--> | ||
| + | <div class="thumb tright"> | ||
| + | <!--{/if}--> | ||
| + | <div class="thumbinner"> | ||
| + | <!--{/if}--> | ||
<video src="<!--{$file|escape:'html'}-->" autoplay loop muted playsinline width=<!--{$width|escape:'html'|default:"100%"}--> height=<!--{$height|escape:'html'|default:"100%"}--> /> | <video src="<!--{$file|escape:'html'}-->" autoplay loop muted playsinline width=<!--{$width|escape:'html'|default:"100%"}--> height=<!--{$height|escape:'html'|default:"100%"}--> /> | ||
| + | |||
| + | <!--{if $thumbnail}--> | ||
| + | <div class="thumbcaption"> | ||
| + | <!--{$caption|escape:'html'}--> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!--{/if}--> | ||
| + | |||
| + | |||
</includeonly> | </includeonly> | ||
Revision as of 04:43, 21 April 2017
This allows you to embed MP4 videos as if they were a normal GIF. You use it like this;
{{#widget:Snippet|file={{filepath:TestingMp4.mp4}}|width=300|height=300}}
Where you replace 'TestingMp4.mp4' with the name of your video file. Width and height are optinal.
It will automatically mute, autoplay, and loop the video, just as if it were a GIF.
