Cookies & privacy
Deze website gebruikt cookies, omdat sommige functies anders niet werken. Deze cookies slaan geen persoonsgegevens op. Lees hier de Privacy Policy voor meer informatie.
Ik snap het

Ben jij geschikt als ondernemer? Ontdek het binnen 5 minuten.

YouTube-filmpje invoegen in WordPress

Soms wil je een YouTube-filmpje invoegen in WordPress. Er zijn verschillende manieren om zo’n filmpje op je site te plakken (embedden).

Kopieer de url van het filmpje

  • plak die op je pagina of bericht. NB: zet je editor op de wysiwyg-tab (what you see is what you get)
  • zorg dat de link niet onderstreept en gekleurd (meestal blauw) is. Als dat wel zo is, zet je je cursor erin en verwijder je het linkje met het knopje van de gebroken ketting.

Tabbladen

Ga naar YouTube

  • klik onder het filmpje op Delen > Insluiten
  • kies je afmetingen (max. 450 pixels breed, hoogte wordt automatisch aangepast en code wordt automatisch gewijzigd met de nieuwe waarden) en zet ‘related videos’ aan of uit, al naar gelang je wensen. Ik zet dit vrijwel altijd uit, het leidt je bezoekers alleen maar af
  • kopieer de volledige code in het blok, dus inclusief de vishaken <iframe …></iframe>
  • plak de code op je pagina/bericht via het tabblad Tekst (!)

YouTube_delen_insluiten

YouTube-code plakken

Tot slot kun je ook in de wysiwyg-tab de YouTube-code plakken. Die is als volgt opgebouwd: [youtube=url&w=&h=]

  • de vierkante haken horen erbij. Gebruik geen spaties
  • waar nu ‘url’ staat, plak je het webadres/de url van je filmpje
  • op de plek van de puntjes vul je een waarde in. Die staan voor width & height van het filmpje in pixels. Dus de breedte en de hoogte. Een kolom op een site is meestal zo’n 450 pixels breed, maar dat verschilt per thema
  • de verhoudingen tussen breedte en hoogte moet je nog wel even zelf uitrekenen
  • het resultaat is dan zoiets als: [youtube=http://www.youtube.com/watch?v=fMlZtxSUnXM&w=280&h=130]

De verhoudingen kloppen nu niet, maar dat maakt niet uit. Aan de voorkant, de plek van je site waar de bezoeker ook komt, zie je nu dit:

YouTube_voorkant

Het filmpje is nu gecentreerd. Dat is jammer, want het is niet mooi en je wil er misschien wel 2 naast elkaar. Daarvoor moet je wat code toevoegen in de tekst-tab (HTML/broncode).

Filmpjes uitlijnen: 2 naast elkaar

Ga naar je tabblad ‘Tekst’ (HTML-code) en typ om de code van YouTube heen:

<div style=”float:left;”></div>

Hiermee dwing je af dat filmpjes die niet schermvullend zijn, links worden uitgelijnd en niet in het midden. Je kan natuurlijk ook ‘right’ invullen (“float:right;”).

Let op: je moet dit commando afsluiten. Dat doe je met dezelfde tag, maar dan met een slash ervoor. Dit staat ook in het voorbeeld.

Als je 2 filmpjes naast elkaar wil zetten op 1 regel, hoef je alleen voor de 1e aan te geven dat ‘ie links moet uitlijnen, de ander wordt er dan automatisch naast gezet.

Let op:

  • de code komt meteen voor en na de YouTube-code, zonder Enter of Shift+Enter
  • komt de 2e film op dezelfde regel niet goed over op het scherm, check dan je de HTML-code. Zet evt. met Shift+Enter de YouTube-code op de volgende regel, zoals hieronder

Resultaat

<div style=”float:left;”>[youtube=http://www.youtube.com/watch?v=bSPpxu53yeI&amp;w=280&amp;h=158]</div>

[youtube=http://www.youtube.com/watch?v=_JJP43Qj4AQ&amp;w=280&amp;h=158]

<div style=”float: left;”>

[youtube=http://www.youtube.com/watch?v=67uTQX-OJro&amp;w=280&amp;h=158]</div>

De gele code is de volledige code die je moet intypen om de gewenste uitlijning af te dwingen.

De groene code is HTML voor: &w=280;&h=158. (Het &-teken wordt in HTML vertaald als ‘&amp;’) Je kan YouTube-filmpjes op verschillende manieren op je site verwerken, zoals we gezien hebben. Als het je niet lukt om op YouTube de juiste afmetingen te krijgen, of als je het alsnog wil aanpassen om bijv. 2 filmpjes naast elkaar te zetten, dan kan je de waarden op deze manier dus alsnog wijzigen. Reken dan wel zelf even uit wat de getallen moeten worden om de juiste verhoudingen te bewaren.

Je typt dan meteen achter de YouTube-url in: &w=[getal];&h=[getal].

Schrik niet

NB: in je tekstvenster zie je tijdens het bewerken niet je filmpje, maar een rood vlak met stippellijntjes. Dat is normaal, er is dus niets geks aan de hand.


Heb jij behoefte aan een gratis adviesgesprek? Vraag het hier aan!

Let op!

Als je je apparaat in landscape-modus houdt (horizontaal), zie je meer!
Ik snap het