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.

Een video toevoegen

Om een video van YouTube op WikiKids te zetten heb je de id-code nodig. Die id-code vind je door naar de URL (het internetadres) te kijken van de pagina waarop de video staat op YouTube. De letters en cijfers na de "v" is de id-code.

Bijvoorbeeld voor de URL: http://www.youtube.com/watch?v=CCz1kmfqL7g is de id-code CCz1kmfqL7g.

Een YouTube video kun je opnemen met de code:

<youtube></youtube>

De id-code zet je tussen de tags.

<youtube>id code</youtube> 

Dat ziet er dan bijvoorbeeld zo uit:

<youtube>CCz1kmfqL7g</youtube> 

De grootte van het filmpje veranderen

Je kunt de breedte en hoogte aanpassen van de video. Maximaal kun je de video 425 x350 pixels groot maken. Zorg dat de breedte en hoogte een beetje mooi in verhouding zijn anders krijg je een lege ruimte om de video. Meestal zal de breedte aangeven hoe het filmpje op de pagina komt te staan.

De breedte kun je instellen met width="xxx". Op de plek van de xxx komen de pixels te staan. Standaard staat het op 425 pixels. De hoogte kun je aangeven met height="xxx". Standaard staat de hoogte op 350 pixels.

Een voorbeeld met de hoogte en breedte ziet er dan zo uit:

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

Het filmpje ziet er op de pagina dan zo uit:

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

Titel aan de video meegeven

Je kunt ook een titel (Caption) aan de video geven. De basisvorm ziet er dan zo uit:

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

Op de plek waar ID staat komt dan de ID van het videootje te staan.

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.