Widget:Vimeo: Difference between revisions

From Destinypedia, the Destiny 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+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}-->">
<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)}-->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>
<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 23:05, July 23, 2021

This widget allows you to embed Vimeo videos. Accepted parameters: id (required), time, width, height, thumb, left, right, center, caption.