Widget:Vimeo: Difference between revisions
From Halopedia, the Halo wiki
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<noinclude>This widget allows you to embed Vimeo videos. Accepted parameters: '''id''' (required), '''time''', '''width''', '''height''', '''thumb''', '''left''', '''right''', '''center''', '''caption'''.</noinclude><includeonly><!--{if isset($id)}--> | <noinclude>This widget allows you to embed Vimeo videos. Accepted parameters: '''id''' (required), '''time''', '''width''', '''height''', '''thumb''', '''left''', '''right''', '''center''', '''caption'''.</noinclude><includeonly><!--{if isset($id)}--> | ||
<div class="videoWidget<!--{if isset($thumb)}--> thumb<!--{/if}--><!--{if isset($right) || (isset($thumb) && !isset($left) && !isset($center))}--> tright<!--{else if isset($left)}--> tleft<!--{else}--> tnone<!--{/if}-->" style="<!--{if !isset($center)}-->display:inline-block;<!--{/if}-->"> | <div class="videoWidget<!--{if isset($thumb)}--> thumb<!--{/if}--><!--{if isset($right) || (isset($thumb) && !isset($left) && !isset($center))}--> tright<!--{else if isset($left)}--> tleft<!--{else}--> tnone<!--{/if}-->" style="<!--{if !isset($center)}-->display:inline-block;<!--{/if}-->"> | ||
<div class="autoResize<!--{if isset($thumb)}--> thumbinner<!--{/if}-->" style="width:<!--{if isset($width)}--><!--{($width|escape:'html')|string_format:"%d"}--><!--{else if isset($height)}--><!--{($height*(16/9)+ | <div class="autoResize<!--{if isset($thumb)}--> thumbinner<!--{/if}-->" style="width:<!--{if isset($width)}--><!--{(($width+2)|escape:'html')|string_format:"%d"}--><!--{else if isset($height)}--><!--{($height*(16/9)+3)|string_format:"%d"}--><!--{else if isset($thumb)}-->202<!--{else}-->560<!--{/if}-->px;<!--{if isset($center)}--> margin:0 auto;<!--{/if}-->"> | ||
<iframe class="<!--{if isset($thumb)}-->thumbimage<!--{/if}-->" style="<!--{if isset($thumb)}-->display:block;<!--{/if}-->" width="<!--{if isset($width)}--><!--{($width|escape:'html')|string_format:"%d"}--><!--{else if isset($height)}--><!--{($height*(16/9)+1)|string_format:"%d"}--><!--{else if isset($thumb)}--> | <iframe class="<!--{if isset($thumb)}-->thumbimage<!--{/if}-->" style="<!--{if isset($thumb)}-->display:block;<!--{/if}-->" width="<!--{if isset($width)}--><!--{($width|escape:'html')|string_format:"%d"}--><!--{else if isset($height)}--><!--{($height*(16/9)+1)|string_format:"%d"}--><!--{else if isset($thumb)}-->200<!--{else}-->560<!--{/if}-->" height="<!--{if isset($height)}--><!--{($height|escape:'html')|string_format:"%d"}--><!--{else if isset($width)}--><!--{($width*(9/16))|string_format:"%d"}--><!--{else if isset($thumb)}-->112<!--{else}-->315<!--{/if}-->" src="https://player.vimeo.com/video/<!--{$id|escape:'url'}--><!--{if isset($time)}-->#t=<!--{$time|escape:'url'}--><!--{/if}-->" frameborder="0" allowfullscreen></iframe> | ||
<!--{if isset($thumb) || isset($caption)}--><div class="thumbcaption"><!--{if isset($thumb)}--><div class="magnify"><a href="https://vimeo.com/<!--{$id|escape:'url'}-->" class="internal" title="Enlarge" target="_blank"></a></div><!--{/if}--><!--{if isset($caption)}--><!--{$caption|escape:'html'}--><!--{/if}--></div><!--{/if}--> | <!--{if isset($thumb) || isset($caption)}--><div class="thumbcaption"><!--{if isset($thumb)}--><div class="magnify"><a href="https://vimeo.com/<!--{$id|escape:'url'}-->" class="internal" title="Enlarge" target="_blank"></a></div><!--{/if}--><!--{if isset($caption)}--><!--{$caption|escape:'html'}--><!--{/if}--></div><!--{/if}--> | ||
</div></div><!--{else}--><p style="color:red">No <b>id</b> provided for the Vimeo widget!</p><!--{/if}--></includeonly> | </div></div><!--{else}--><p style="color:red">No <b>id</b> provided for the Vimeo widget!</p><!--{/if}--></includeonly> | ||
Revision as of 12:25, July 29, 2020
This widget allows you to embed Vimeo videos. Accepted parameters: id (required), time, width, height, thumb, left, right, center, caption.