Facebook video op je WordPress website plaatsen

Heb je een WordPress website en ben je veel actief op Facebook? En plaats je daar wel eens video’s? Of misschien doe je af en toe wel eens live video’s? In dit artikel leg ik je uit hoe je een responsive video embed van Facebook op je website kunt plaatsen. Handig! Dan kun je de video namelijk ook op je pagina’s of in blogberichten plaatsen.

De embed code van het bericht kopiëren

• Als allereerst dien je de embed code van de video op Facebook te kopieren. Dit doe je daar naar de video te gaan en op de drie puntjes rechtsboven te klikken.
• Vervolgens klik op je “insluiten“.
• Je krijgt dan een stukje code te zien. Kopieer deze.

Je zou deze zo in je WordPress pagina of bericht kunnen plaatsen. MAAR…. De embeds van Facebook zijn niet standaard responsive. Met andere woorden; de video zal niet automatisch meeschalen op kleinere beeldschermen. Op mobiel zal het er dan hoogstwaarschijnlijk niet uit zien. En dat kan natuurlijk niet!

Responsive embed code van je Facebook video

Om de embed code die je hebt gekregen responsive te maken, ga je naar EmbedResponsively.com. Op deze website kun je o.a. ook YouTube embeds en Vimeo embeds responsive maken. Super handig!

• Ga dus naar EmbedResponsively.com.
• Klik op de knop “Generic iFrame“.
• Plak vervolgens de embed code erin die je van Facebook hebt gekregen.
• Klik op de blauwe knop “Embed“.
• Er komt dan een nieuwe code tevoorschijn. Kopieer deze.
• Plak de code in jouw WordPress bericht of pagina (via de tekst editor, niet de visuele editor).

En voila!! De Facebook video staat nu (responsive!) op jouw WordPress website. Awesome!!