Template: Video: Difference between revisions
No edit summary |
(i have not learned my lesson) |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<includeonly>{{#arraydefine:layout|1,2,3,4 | <includeonly>{{#arraydefine:layout | ||
<div class="row">{{#vardefine: | |1,2,3,4 | ||
}}<!-- | |||
--><div class="row">{{#vardefine:counter|1}} | |||
{{#arrayprint: layout | {{#arrayprint: layout | ||
| | | | ||
|@ | |@ | ||
|{{#ifexpr: {{ | |{{#ifexpr: @ <= {{{perrow|1}}} | ||
|{{VideoRow | |{{VideoRow | ||
|service={{{service@|}}} | |service={{{service@|}}} | ||
Line 10: | Line 13: | ||
|description={{{description@|}}} | |description={{{description@|}}} | ||
|perrow={{{perrow|}}} | |perrow={{{perrow|}}} | ||
}} | }}<!-- | ||
-->{{#vardefine:counter | |||
|{{#expr: {{#var:counter}} + 1 }} | |||
}} | |||
| | | | ||
}} | |||
}} | }} | ||
</div> | </div> | ||
</includeonly><noinclude>{{:{{FULLPAGENAME}}/doc}}</noinclude> | </includeonly><noinclude>{{:{{FULLPAGENAME}}/doc}}</noinclude> |
Revision as of 01:53, 26 March 2018
General notes
Places @
videos per row following perrow
parameter value. @
can be 1,2,3 or 4.
One bigger video centered
{{Video|perrow =1 |service1 = |id1 = |description1 = }}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
One smaller video centered
Use 3 per row layout with the central block filled.
{{Video|perrow =3 |service1 = <!-- empty --> |id1 = <!-- empty --> |description1 = <!-- empty --> |service2 = |id2 = |description2 = |urlargs2 = |service3 = <!-- empty --> |id3 = <!-- empty --> |description3 = <!-- empty --> }}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
Three smaller videos full row
{{Video|perrow =3 |service1 =youtube |id1 =https://www.youtube.com/watch?v=h9RC3BuswEE |description1 =A promo featuring Joey from ''Yu-Gi-Oh''. |service2 =youtube |id2 =https://www.youtube.com/watch?v=M1P7bY20gms |description2 =A more general promo featuring characters from ''Jackie Chan Adventures''. |service3 =youtube |id3 =https://www.youtube.com/watch?v=hUrAFQ-y-jU |description3 =The previous promo but slightly extended. }}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
Four smaller videos full row
{{Video|perrow =4 |service1 =youtube |id1 =https://www.youtube.com/watch?v=h9RC3BuswEE |description1 =A promo featuring Joey from ''Yu-Gi-Oh''. |service2 =youtube |id2 =https://www.youtube.com/watch?v=M1P7bY20gms |description2 =A more general promo featuring characters from ''Jackie Chan Adventures''. |service3 =youtube |id3 =https://www.youtube.com/watch?v=hUrAFQ-y-jU |description3 =The previous promo but slightly extended. |service4 =youtube |id4 =https://www.youtube.com/watch?v=Fu0SLgQg8eI |description4 =A promo featuring Ash Ketchum from ''Pokemon''. }}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
To make video smaller, adjust the parent div.
Two smaller videos centered
Use 4 per row layout with two central blocks filled.
{{Video|perrow =4 |service1 = |id1 = |description1 = |service2 =youtube |id2 =https://www.youtube.com/watch?v=M1P7bY20gms |description2 =A more general promo featuring characters from ''Jackie Chan Adventures''. |service3 =youtube |id3 =https://www.youtube.com/watch?v=hUrAFQ-y-jU |description3 =The previous promo but slightly extended. |service4 = |id4 = |description4 = }}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
Two bigger videos full row
{{Video|perrow =2 |service1 =youtube |id1 =https://www.youtube.com/watch?v=h9RC3BuswEE |description1 =A promo featuring Joey from ''Yu-Gi-Oh''. |service2 =youtube |id2 =https://www.youtube.com/watch?v=M1P7bY20gms |description2 =A more general promo featuring characters from ''Jackie Chan Adventures''. }}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
Several rows
Just place more instances of the template...
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
Inverted
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
Use empty containers for arbitrary text
Fill description
only, leaving service
and id
empty.
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}
{{#arraydefine:layout
|1,2,3,4
}}
{{#arrayprint: layout
| |@ |Expression error: Unrecognized punctuation character "@".
}}