Wikikids:Filmpjes plaatsen: verschil tussen versies

Versie van 8 dec 2010 19:45

Klik hier om terug te gaan naar het Kidsportaal »

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. Als je trouwens zelf een filmpje wilt maken, kun je hier lezen hoe je dat kunt doen. Hier zie je ook een voorbeeld van de beeldbank filmpje maken

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

Klokhuis

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:

De id-code zet je tussen de tags.

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.

Video van een konijn

<youtube width="125" height="100">CCz1kmfqL7g</youtube>

Video links of rechts op de pagina?

Je kunt ook de plek van de video op de pagina nog bepalen.

In het onderstaande voorbeeld staat een video die 250px breed is, rechts op de pagina staat en een titel heeft. Je kunt deze code overnemen. Je hoeft dan alleen maar de ID-code in te vullen en de titel te veranderen. Als je de video liever links wilt, verander je "thumb tright" in "thumb tleft" .

<div class="thumb tright" style="width:256px;"> 
<div class="thumbinner">
<div class="thumbcaption">
Hier kan je de titel toevoegen
</div>
<youtube width="250" height="200">ID</youtube>
</div>
</div>

<div class="thumb tright" style="width:256px;"> 
<div class="thumbinner">
<div class="thumbcaption">
Hier kan je de titel toevoegen
</div>
<youtube width="250" height="200">CCz1kmfqL7g</youtube>
</div>
</div>

De titel onder de video zetten

Als je de titel van je video onder de video zelf wilt zetten dan gebruik je de volgende code.

<div class="thumb tright" style="width:256px;"> 
<div class="thumbinner">
<youtube width="250" height="200">ID</youtube>
<div class="thumbcaption">
Hier kan je de titel toevoegen
</div>
</div>
</div>

Met behulp van een sjabloon

Heb je geen zin om steeds de codes te kopieëren? Dan kun je ook nog gebruik maken van Sjabloon:Youtube of Sjabloon:TV. Sjabloon:Youtube plaatst de video automatisch aan de rechterkant met een breedte van 250px, de titel onder het filmpje. Met Sjabloon:TV plaats je het filmpje in een soort TV-toestel aan de linkerkant.

Het Sjabloon:Youtube werkt als volgt:

{{SUBST:Youtube|ID|Titel}}

Meer uitleg vind je op de sjabloonpagina's zelf.