Template: Video: Difference between revisions

Revision as of 17:39, 19 December 2017

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 =
}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

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 -->
}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

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.
}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

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''.
}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

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 =
}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

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''.
}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

Several rows

Just place more instances of the template...

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

Inverted

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

Use empty containers for arbitrary text

Fill description only, leaving service and id empty.

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

{{#arrayprint: layout

 |,
 |@
 |Expression error: Unrecognized punctuation character "@".1

}}

@@ Line 1: / Line 1: @@
-== Video ==
+<includeonly><div class="hide">
-<pre>
-<div class="hide">
 {{#vardefine: perrow|{{{perrow|1}}}}}
@@ Line 27: / Line 25: @@
 }}
 </div>
-</pre>
+</includeonly><noinclude>{{:{{FULLPAGENAME}}/doc}}</noinclude>
-== VideoRow ==
-<pre>
-<div class="col-xs-12 {{#switch:{{{perrow|1}}}
-  |1=col-lg-6 col-lg-offset-3
-  |2=col-lg-6
-  |3=col-lg-4
-  |4=col-lg-3
-  |#default=
-}}">
-{{#if: {{{service|}}}
-  |{{#if: {{{id|}}}
-     |
-{{#evt:
-  |service      ={{{service|}}}
-  |id           ={{{id|}}}
-  |description  ={{{description|}}}
-  |container    =frame
-  |alignment    =center
-}}
-     |
-  |
-}}
-</div>
-}}
-</pre>
-== Usage ==
-==== One bigger video centered ====
-<pre>
-{{Video
-  |perrow=1
-  |service1=
-  |id1=
-  |description1=
-}}
-</pre>
-==== Two bigger videos full row ====
-<pre>
-{{Video
-  |perrow=2
-  |service1=
-  |id1=
-  |description1=
-  |service2=
-  |id2=
-  |description2=
-}}
-</pre>
-==== Two smaller videos centered ====
-<pre>
-{{Video
-  |perrow=2
-    |service1=
-    |id1=
-    |description1=
-  |service2=
-  |id2=
-  |description2=
-  |service3=
-  |id3=
-  |description3=
-    |service4=
-    |id4=
-    |description4=
-}}
-</pre>
-==== Three smaller videos full row ====
-<pre>
-{{Video
-  |perrow=3
-  |service1=
-  |id1=
-  |description1=
-  |service2=
-  |id2=
-  |description2=
-  |service3=
-  |id3=
-  |description3=
-}}
-</pre>
-==== Four smaller videos full row ====
-<pre>
-{{Video
-  |perrow=3
-  |service1=
-  |id1=
-  |description1=
-  |service2=
-  |id2=
-  |description2=
-  |service3=
-  |id3=value
-  |description3=
-  |service4=
-  |id4=value
-  |description4=
-}}
-</pre>