Widget:Vimeo: Difference between revisions
From Halopedia, the Halo wiki
m (Text replacement - "'''gallery''', '''thumb''', '''left''', '''right''', '''center''', '''caption'''" to "'''thumb''', '''left''', '''right''', '''center''', '''gallery''', '''caption'''") |
m (Text replacement - "+1)" to "+0.5)") |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<noinclude>This widget allows you to embed Vimeo videos. Accepted parameters: '''id''' (required), '''hash''', '''time''', '''width''', '''height''', '''thumb''', '''left''', '''right''', '''center''', '''gallery''', '''caption'''.</noinclude><includeonly><!--{if isset($id)}--> | <noinclude>This widget allows you to embed Vimeo videos. Accepted parameters: '''id''' (required), '''hash''', '''time''', '''width''', '''height''', '''thumb''', '''left''', '''right''', '''center''', '''gallery''', '''caption'''.</noinclude><includeonly><!--{if isset($id)}--> | ||
<div class="videoWidget <!--{if isset($gallery)}-->gallery<!--{/if}--> <!--{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}--><!--{if isset($gallery)}-->vertical-align:top;margin-bottom:1em;<!--{/if}-->"> | <div class="videoWidget <!--{if isset($gallery)}-->gallery<!--{/if}--> <!--{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}--><!--{if isset($gallery)}-->vertical-align:top;margin-bottom:1em;<!--{/if}-->"> | ||
<div class="autoResize <!--{if isset($gallery)}-->gallerybox<!--{/if}--> <!--{if isset($thumb)}-->thumbinner<!--{/if}-->" style="width:<!--{if isset($gallery)}-->calc(<!--{/if}--><!--{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($gallery)}--> + 34px)<!--{/if}-->;<!--{if isset($center)}-->margin:0 auto;<!--{/if}-->"> | <div class="autoResize <!--{if isset($gallery)}-->gallerybox<!--{/if}--> <!--{if isset($thumb)}-->thumbinner<!--{/if}-->" style="width:<!--{if isset($gallery)}-->calc(<!--{/if}--><!--{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($gallery)}--> + 34px) !important<!--{/if}-->;<!--{if isset($center)}-->margin:0 auto;<!--{/if}-->"> | ||
<!--{if isset($gallery)}--><div class="thumb" style="text-align:center;background:#f8f9fa;border:1px solid #c8ccd1;margin:2px 2px 0;"><div style="padding:15px 0;"><!--{/if}--><iframe class="<!--{if isset($thumb)}-->thumbimage<!--{/if}-->" style="<!--{if isset($thumb) || isset($gallery)}-->display:block;<!--{/if}--><!--{if isset($gallery)}-->margin:0 auto;<!--{/if}-->" width="<!--{if isset($width)}--><!--{$width|escape:'html'|string_format:"%d"}--><!--{else if isset($height)}--><!--{($height*(16/9)+ | <!--{if isset($gallery)}--><div class="thumb" style="text-align:center;background:#f8f9fa;border:1px solid #c8ccd1;margin:2px 2px 0;"><div style="padding:15px 0;"><!--{/if}--><iframe class="<!--{if isset($thumb)}-->thumbimage<!--{/if}-->" style="<!--{if isset($thumb) || isset($gallery)}-->display:block;<!--{/if}--><!--{if isset($gallery)}-->margin:0 auto;<!--{/if}-->" width="<!--{if isset($width)}--><!--{$width|escape:'html'|string_format:"%d"}--><!--{else if isset($height)}--><!--{($height*(16/9)+0.5)|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)+0.5)|string_format:"%d"}--><!--{else if isset($thumb)}-->112<!--{else}-->315<!--{/if}-->" src="https://player.vimeo.com/video/<!--{$id|escape:'url'}--><!--{if isset($hash)}-->?h=<!--{$hash|escape:'url'}--><!--{/if}--><!--{if isset($time)}-->#t=<!--{$time|escape:'url'}--><!--{/if}-->" frameborder="0" allowfullscreen></iframe><!--{if isset($gallery)}--></div></div><!--{/if}--> | ||
<!--{if isset($thumb) || isset($caption)}--><div class=" | <!--{if isset($thumb) || isset($caption)}--><div class="<!--{if isset($gallery)}-->gallerytext<!--{else if isset($thumb)}-->thumbcaption<!--{/if}-->" style="<!--{if isset($gallery)}-->font-size:94%;word-wrap:break-word;overflow:hidden;padding:2px 4px;<!--{/if}-->"><!--{if isset($thumb)}--><div class="magnify"><a href="https://vimeo.com/<!--{$id|escape:'url'}--><!--{if isset($hash)}-->/<!--{$hash|escape:'url'}--><!--{/if}-->" class="internal" title="Enlarge" target="_blank"></a></div><!--{/if}--><!--{if isset($caption)}--><!--{if isset($gallery)}--><p><!--{/if}--><!--{$caption|escape:'html'}--><!--{if isset($gallery)}--></p><!--{/if}--><!--{/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> | ||
Latest revision as of 18:06, September 30, 2022
This widget allows you to embed Vimeo videos. Accepted parameters: id (required), hash, time, width, height, thumb, left, right, center, gallery, caption.