Wikikids:Filmpjes plaatsen

Bij de artikelen kun je ook filmpjes plaatsen. Er zijn verschillende plekken op internet waar interessante filmpjes te vinden zijn. Hieronder een opsomming van de plekken waar je filmpjes kunt vinden en op welke manier je ze op WikiKids kunt zetten.

Teleac Beeldbank

Filmpjes van de Beeldbank zijn opgenomen bij de artikelen. Op dit moment is er een link naar de filmpjes opgenomen. Op het moment dat we op WikiKids de filmpjes kunnen embedden (zoals bij YouTube nu al kan) passen we de pagina's aan. Nu is Beeldbankfilmpje op de volgende manier opgenomen: een directe link naar het filmbestand. De directe link krijg je als je filmpje start en met de rechter muisknop op de player klikt. Je kiest daarna in het snelmenu dat dan in beeld komt voor Eigenschappen. De link achter Locatie kopieer je dan. De link plak je in wikikids.

Zo ziet de link van een filmpje over de reddingshond er bijvoorbeeld uit:

http://cgi.omroep.nl/cgi-bin/streams?/teleacnot/beeldbank/20051109_hond01_high.wmv

Om er een mooie tekstlink van te maken maak je het op als externe link. Dat ziet er dus zo uit

[http://cgi.omroep.nl/cgi-bin/streams?/teleacnot/beeldbank/20051109_hond01_high.wmv Reddingshonden in de bergen]

Je gebruikt één rechte haak om te openen. Daarna volgt de externe link. Los daarvan komt de tekst te staan waarop je kunt klikken. Tenslotte sluit je weer af met een rechte haak.

In beeld komt dat er dan zo uit te zien:

Reddingshonden in de bergen

YouTube

Een video van YouTube kun je direct afspelen op een pagina van een artikel in WikiKids. Dat heet een "embedded video". Dat is Engels voor een "ingesloten video". De video blijft staan op YouTube maar kun je bekijken op WikiKids.

Adding a YouTube video

To add a YouTube video, you need the id code for the video. The easiest way to find this is to look at the URL of the You Tube page for the video. The sting of letters and numbers after "v=" in the URL is the id code. So for the URL: http://www.youtube.com/watch?v=CCz1kmfqL7g the id code could be CCz1kmfqL7g. If you aren't sure what you use, you can add the whole url in place of the id code.

YouTube videos are embedded with the code:

<youtube></youtube>

The id code for the video you want to show goes between the two tags:

<youtube>id code</youtube> 

"id code" is the code from the URL. So an example might be:

<youtube>CCz1kmfqL7g</youtube> 

Changing the size of the video

You can change the width and height of the video box, to a maximum of 425x350 pixels. If you specify width and height, and those settings are not in proportion to the YouTube screen, then you will have empty space around the video. In most cases, the width determines the screen size in this situation.

• Width is controlled with width="xxx", where xxx is the number of pixels. The default is 425 pixels.
• Height is controlled in the same way with height="xxx". The default is 350 pixels.

A full example would be:

<youtube width="200" height="200">CCz1kmfqL7g</youtube>

This gives you:

<youtube width="200" height="200">CCz1kmfqL7g</youtube>

Adding a caption

You can add a caption to a video using the image thumbnail styles.

The basic form is:

<div>
<div class="thumbcaption">CAPTION</div>
<youtube width="125" height="100">ID</youtube>
</div>

Controlling placement

You can control placement again using the image thumbnail style.

In this example you can add a video with a width of 200px, float it to the right of the page, and add a caption at the top. Simply edit the ID and CAPTION and pixel sizes to suit.

<div class="thumb tright" style="width:200px;">
<div class="thumbcaption">CAPTION</div>
<youtube width="200" height="200">ID</youtube>
</div>

Placing the caption below the video

You can use the following code (or similar) to place the caption, in a smaller font, below the video:

{| align="right"
|-
|<youtube width="200" height="200">ID</youtube><br />
<small>CAPTION</small> 
|}

Making a template

If you intend to use a lot of YouTube videos on your wiki, you can make a template to prevent you needing to add this code (see example). Note: This template must be subst'ed to work.