Template: Video: Difference between revisions

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 "@".

}}

@@ Line 1: / Line 1: @@
-<pre>
+<includeonly>{{#arraydefine:layout
-<div class="row">{{#vardefine: perrow|{{{perrow|1}}}}}{{#vardefine:count|1}}
+  |1,2,3,4
-{{#arraymap: 1,2,3,4
+}}<!--
-   |,
+--><div class="row">{{#vardefine:counter|1}}
+{{#arrayprint: layout
+   |
    |@
-   |{{#ifexpr: {{#var:count}} <= @
+   |{{#ifexpr: @ <= {{{perrow|1}}}
-     |
+     |{{VideoRow
-<div class="col-xs-12 {{#switch: {{{perrow|1}}}
+        |service={{{service@|}}}
-  |1=col-lg-12
+        |id={{{id@|}}}
-  |2=col-lg-6
+        |description={{{description@|}}}
-  |3=col-lg-4
+        |perrow={{{perrow|}}}
-  |4=col-lg-3
+      }}<!--
-}}">
-{{VideoRow|{{{service@|youtube}}}|{{{id@|}}}|{{{description@|}}}}}
+-->{{#vardefine:counter
-</div>
+     |{{#expr: {{#var:counter}} + 1 }}
+   }}
       |
-    }}{{#var:count|{{#expr: 0{{#var:count}} + 1 }}}}
+    }}
-  |
 }}
 </div>
-</pre>
+</includeonly><noinclude>{{:{{FULLPAGENAME}}/doc}}</noinclude>