×
Create a new article
Write your page title here:
We currently have 3,027 articles on YumeWiki. Type your article name above or click on one of the titles below and start writing!



YumeWiki
3,027Articles

Help:Embedding videos

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>}}
Towel effect guide

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>
Towel effect guide

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>
How to find the Frog in Forest World.
How to find the Frog in the Dense Woods B.

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.

Playlists

You can make a temporary playlist of videos that play in sequence, which also allows users to navigate between multiple videos using a menu. To do this for YouTube videos, use the following syntax:

{{#ev:youtubevideolist|coverid|dimensions|alignment|description|container|playlist=id0,id1,id2}}

Any parameter you wish to leave blank must have a blank space with a pipe - you must have the same number of parameters. The container parameter will likely always be blank.

The value coverid is what appears before the user interacts with the embed, though in practice you would likely want this to match the first id of the playlist. The playlist can have a flexible number of comma-separated watch ids, and they will appear in the playlist in the same order.

For an example, see this revision of Yume Nikki:Effects.

More Options

Start Time

Thumbnail

Full List of Parameters

If you wish to use other options that were not explained previously in this guide, the below table lists all possible parameters and all possible values for each.

Parameter List
Parameter Description Possible Values
service
0
The service that hosts the video(s). Technically not a parameter, but instead the main input of the function.
Suggested values
youtube youtubevideolist niconico
archiveorg bandcamp bilibili dailymotion niconico youtube
id 1 The id… Dependent on service
dimensions 2