Difference between revisions of "Widget:Snippet"

From HaloRuns Wiki
Jump to: navigation, search
 
Line 33: Line 33:
  
 
<video  
 
<video  
<!--{if isset($thumbnail)}-->class="thumbimage"<!--{/if}-->
+
<!--{if isset($thumbnail)}-->class="thumbimage"  
 
style="max-width: <!--{$width|escape:'html'|validate:int|default:"300"}-->px;
 
style="max-width: <!--{$width|escape:'html'|validate:int|default:"300"}-->px;
 
max-height: <!--{$height|validate:int|escape:'html'|default:"300"}-->px;
 
max-height: <!--{$height|validate:int|escape:'html'|default:"300"}-->px;
 
width: <!--{$width|escape:'html'|validate:int|default:"300"}-->px;
 
width: <!--{$width|escape:'html'|validate:int|default:"300"}-->px;
 
height: auto;"
 
height: auto;"
 +
<!--{/if}-->
 
src="<!--{$file|escape:'html'}-->" autoplay loop muted playsinline webkit-playsinline />
 
src="<!--{$file|escape:'html'}-->" autoplay loop muted playsinline webkit-playsinline />
  

Latest revision as of 07:34, 22 April 2017

This allows you to embed MP4 videos as if they were a normal GIF. It will automatically mute, autoplay, and loop the video, just as if it were a GIF.

You use it like this;

{{#widget:Snippet|file={{filepath:TestingMp4.mp4}}|width=300|height=300}}

{{#widget:Snippet|file={{filepath:TestingMp4.mp4}}|thumbnail|left|caption=A beautiful thumbnail that is awesome look at it look}}

Where you replace 'TestingMp4.mp4' with the name of your video file.

Width and height are optional. If you use thumbnail, you can set which side (left or right) and give it a caption