YouTube video toevoegen aan artikel PDF Afdrukken E-mailadres

Video's zijn een mooie manier om, als je ze hebt, iets te verduidelijken aan de bezoeker van je website, maar ze kosten veel ruimte bij je provider, en die ruimte is over het algemeen duur.

Omdat YouTube goed is in Video’s en Joomla! CMS in Content Management, is het meestal verstandig om in Joomla een link op te nemen naar een Video op YouTube en die als een video op je webpagina in een artikel te vertonen aan je bezoekers.

De voordelen hiervan zijn:

  • Je gebruikt geen (dure) Megabytes bij je Joomla Hosting-provider
  • Je hoeft de file niet te uploaden naar je site (ingewikkeld, Joomla ondersteunt dat niet gemakkelijk zonder uitbreidingen)
  • YouTube converteert de video-file naar het op internet veel gebruikte Macromedia Flash-formaat.

Hoe zet ik een YouTube video in een Joomla-artikel?

Om te beginnen is er natuurlijk een video op Youtube die je wilt tonen in je site. Eventueel kan je de video eerst uploaden naar YouTube. Hiervoor ga je naar YouTube en druk je op de gele Upload-knop (zie hieronder). Stel dat we de volgende video op YouTube voldoende interessant en van voldoende kwaliteit vinden om op te nemen in een artikel van het Joomla! CMS:

Figuur 1 - YouTube video in Joomla-artikel


Rechts in het grijze vlak staat een veld onder “embed:”, of, als je de Nederlandse taal in YouTube geselecteerd hebt: "Insluiten". Copieer uit de regel met parameters alleen de link naar YouTube. De gehele regel die bij dit voorbeeld hoort is deze:
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/x9Bjs99A0k0&hl=en"></param><param name="wmode" value="transparent"></param><embed src="/http://www.youtube.com/v/x9Bjs99A0k0&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

Selecteer alleen het vette stuk van de regel en copieer die selectie met Ctrl-C naar het clipboard (deze bevat de link naar YouTube dmv een unieke cijfer/letter-combinatie). In ons voorbeeld is dat dus:
http://www.youtube.com/v/x9Bjs99A0k0&hl=en


Ga nu naar het artikel in de Joomla-site waar je de video in wilt plaatsen. Je opent dus een artikel om te wijzigen en krijgt dus dit scherm:

Figuur 2 - YouTube video in Joomla artikel


Plaats nu de cursor op de plek in het artikel waar je de video wilt invoegen en klik op het icoonje rechts naast de smiley:  Joomla Embed Video knopje Dit icoon heet “insert / edit embedded media”
 

Het volgende venster verschijnt:

Insert / edit embedded media Pop-Up venster Joomla! 1.5 CMS

Vul in het veld File/URL nu het vette stukje tekst in, door in het veld op Ctrl-V te drukken, zodat de opgeslagen tekst van het clipboard in het veld getypt wordt. Een andere mogelijkheid is om de gehele tekst van het YouTube-veld in het veld ‘File/URL’ te copieren en daarna het stuk voor en achter de benodigde link weg te halen. Wat je makkelijk vindt.  In de twee veldjes eronder vul je dimensies in, in ons geval is dat 425 x 355. Je kan de grootte van het venster hier ook passend maken aan je tekst. Van belang is de verhouding van de video, deze is 0,8235, dwz het aantal pixels verticaal is 0,8235 x het aantal pixels horizontaal.
 
Het ingevulde venster ziet er dan als volgt uit:

Insert / Embedded media pop-up venster in Joomla! 1.5 CMS

Doordat de video in het witte vlak van het pop-up venster getoont wordt, kan je gelijk controleren of er nergens iets fout ging. Druk nu op insert.

Het resultaat (je artikel met de embedded video) ziet er dan als volgt uit:
Video ingevoegd in Joomla artikel
 

En, na het opslaan van het artikel, in de front-end krijgt je bezoeker nu dit te zien:
YouTube video in artikel Joomla! CMS


Als je een video niet op YouTube wilt zetten (vanwege copyright, privacy, geheimhouding of omdat je de video niet met de hele wereld wilt delen via YouTube), dan bestaan er modules die uw webontwikkelbureau kan toevoegen aan Joomla! CMS waarmee je iets vergelijkbaars kan doen, maar waarmee je de video op je eigen site plaatst en dus niet gebruik maakt van een link naar een andere site. Dit heb ik beschreven in een ander artikel van deze gebruikershandleiding: Flash video toevoegen aan artikel.