(create with only basic content) |
(add gallery embeds guide) |
||
| Line 20: | Line 20: | ||
{{#ev:youtube|SFcuEQyO1O8|320x180|center|<center>[[Yume Nikki:Effects#Towel|Towel]] effect guide</center>}} | {{#ev:youtube|SFcuEQyO1O8|320x180|center|<center>[[Yume Nikki:Effects#Towel|Towel]] effect guide</center>}} | ||
Since the default value | Since the default value for alignment is <code>center</code>, it can be left blank for the same result. Another thing to be aware of is that <code><nowiki><center></nowiki></code> tags placed on the outside of the <code>#ev</code> tag will only center the text, and not effect the alignment of the whole element. The following example would result in the exact same output as the previous: | ||
<pre> | <pre> | ||
<center>{{#ev:youtube|SFcuEQyO1O8|320x180||[[Yume Nikki:Effects#Towel|Towel]] effect guide}}</center> | <center>{{#ev:youtube|SFcuEQyO1O8|320x180||[[Yume Nikki:Effects#Towel|Towel]] effect guide}}</center> | ||
| Line 32: | Line 32: | ||
==Inline Videos== | ==Inline Videos== | ||
The | The alignment of a video can be give a value of <code>inline</code> to allow for more freedom in displaying it on the page. One major use to this is displaying videos side-by-side. The following example was used in [[Special:Permalink/480901#Video|this revision]] of [[Yume Nikki:Frog]]. The use of <code><nowiki><center></nowiki></code> tags around the two videos centers both videos ''together'' – using <code>center</code> for each video alignment would not put them side-by-side. | ||
<pre style="line-height:1.5em;"> | <pre style="line-height:1.5em;"> | ||
<center> | <center> | ||
| Line 46: | Line 46: | ||
==Align in a Gallery== | ==Align in a Gallery== | ||
Videos can be included at the end of a gallery as if it was part of the gallery itself by using the following syntax: | |||
<pre> | |||
<gallery style="display:inline"> | |||
… | |||
</gallery> | |||
<small>{{#ev:service|id|150x140|inline|description}}</small> | |||
</pre> | |||
The use of <code>inline</code> for alignment is a requirement. The dimensions are an example that is close to the space gallery images take up, so the video mimics an image. The <code><nowiki><small></nowiki></code> tags make the video description show with the same size as gallery captions. | |||
For an example that uses this style of embed, see [[Special:Permalink/480944#Gallery|this revision]] of [[Yume Nikki:Block World]]. | |||
==Playlists== | ==Playlists== | ||
| Line 54: | Line 64: | ||
===Thumbnail=== | ===Thumbnail=== | ||
===Full List of Parameters=== | |||
[[Category:Help]] | [[Category:Help]] | ||
[[Category:Editing help]] | [[Category:Editing help]] | ||
Revision as of 22:46, 9 July 2024
 |
This article is a stub. You can help YumeWiki by expanding it. |
This page is a guide for embedding videos on YumeWiki. Videos are usually embedded using the #ev tag added by the EmbedVideo extension.
Basic Embeds
The usual syntax:
{{#ev:service|id|dimensions|alignment|description}}
An example for syntax that skips dimensions and alignment (notice the empty inputs):
{{#ev:service|id|||description}}
Examples
The following example embeds a youtube video using a small size, centers the video on the page, and uses a description that combines wikitext with <center> tags.
{{#ev:youtube|SFcuEQyO1O8|320x180|center|<center>[[Yume Nikki:Effects#Towel|Towel]] effect guide</center>}}
Since the default value for alignment is center, it can be left blank for the same result. Another thing to be aware of is that <center> tags placed on the outside of the #ev tag will only center the text, and not effect the alignment of the whole element. The following example would result in the exact same output as the previous:
<center>{{#ev:youtube|SFcuEQyO1O8|320x180||[[Yume Nikki:Effects#Towel|Towel]] effect guide}}</center>
In this example, the same video was made to float to the right, with a smaller width. The tag was used before this paragraph. If you are on a mobile device, you may notice the element does not become centered, unlike floating images. This causes the text to wrap and can make pages hard to read. The input used was the following:
{{#ev:youtube|SFcuEQyO1O8|240x180|right|<center>[[Yume Nikki:Effects#Towel|Towel]] effect guide</center>}}
Inline Videos
The alignment of a video can be give a value of inline to allow for more freedom in displaying it on the page. One major use to this is displaying videos side-by-side. The following example was used in this revision of Yume Nikki:Frog. The use of <center> tags around the two videos centers both videos together – using center for each video alignment would not put them side-by-side.
<center>
{{#ev:youtube|8p4EY8LVcpg|320x180|inline|How to find the Frog in Forest World.}}
{{#ev:youtube|TzlvlIrAkP0|320x180|inline|How to find the Frog in the Dense Woods B.}}
</center>
Align in a Gallery
Videos can be included at the end of a gallery as if it was part of the gallery itself by using the following syntax:
<gallery style="display:inline">
…
</gallery>
<small>{{#ev:service|id|150x140|inline|description}}</small>
The use of inline for alignment is a requirement. The dimensions are an example that is close to the space gallery images take up, so the video mimics an image. The <small> tags make the video description show with the same size as gallery captions.
For an example that uses this style of embed, see this revision of Yume Nikki:Block World.