Inserta correctamente vídeos de facebook en wordpress

Actualizado 2021

Con el nuevo editor he observado que da errores al incluir un vídeo de dicha red social tanto con el método tradicional «html» como insertando el enlace con el bloque de wordpress «facebook». No permitiendo actualizar o guardar cambios en nuestra entrada.

Por eso vamos a probar de manera manual y con plugin:

Manual

1. Modo enlace:

– Entramos a facebook y localizamos el vídeo que vamos a insertar lo agrandamos y en la barra de url copiamos el enlace.

– Desde nuestro WordPress – Entradas. Abrimos el bloque de insertar urls de facebook, pegamos el enlace y le damos a incrustar.

Si no conseguimos resultados vamos a la segunda opción

2. En HTML

– Nos vamos al vídeo clicamos en los 3 puntos, y seleccionamos Insertar

– A continuación Copiamos el Código

– Y por último lo incrustamos con el bloque de HTML.

Ejemplo de código para incrustar:

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fnetflixespana%2Fvideos%2F168854881274774%2F&width=800&show_text=false&appId=552912962107345&height=734" width="800" height="430" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>

Cambiar el ancho

Cambiamos de width="800" a width="100%" para ancho automático,
también se le puede dar el valor que mejor le convenga
por ejemplo width="640"

Modificar la altura

Cambiamos height="430" y lo podemos aumentar un poco, por ejemplo a height="450"

Estos parámetros vienen justo antes del «style»

Vídeo demostración inserción en html

Con Plugin

Smash Balloon Social Post Feed

Smash Balloon es un complemento gratuito con versión pro con el que puedes insertar videos de facebook en tu web de manera sencilla.

Tutorial V.O.
5/5 - (1 voto)
Suscribir
Notificar para
guest

11 Comments
el más nuevo
más antiguo más votado
Inline Feedbacks
View all comments
Luisa
Luisa
26 mayo, 2021 02:52

Hola,
Me está pasando que cuando incrusto un video desde facebook a una nota de mi sitio web en wordpress me sale un error en donde debería ir el video, pero solo si accedo a la nota desde Facebook… si entro directo al sitio web si me aparece el video… el error que aparece es «Pagina web no disponible» Err_blocked_by_response. Tal y como se puede ver en la imagen que adjunto… ¿a alguien más le ha pasado?

error.PNG
Javier Sneider
Javier Sneider
20 enero, 2021 15:29

Por qué tu video dice que no está disponible para verlo desde la página web?

Juan
Juan
15 diciembre, 2020 02:24

El ancho se ajusta automáticamente con el truco del 100%
Bien explicado

Last edited 3 years ago by Juan
Jose Luis
Jose Luis
12 noviembre, 2020 13:53

Hola muy buenas, vi tu tutorial y no me funciona de ninguna de las maneras, solo me va con el embed y no me gusta como queda, ya que no se adapta al ancho del articulo, un saludo y gracias por tu trabajo.

Jose Luis
Jose Luis
12 noviembre, 2020 18:46
Reply to  FJ Soler

Hola Fran, gracias por responderme ? resulta que cuando me da el error paso a actualizar el articulo como tu lo haces en el vídeo, pero automáticamente me pone el bloque como enlace y no como video incrustado, ese es el error que me da

Last edited 3 years ago by Jose Luis
Uriel
Uriel
3 mayo, 2021 14:04
Reply to  FJ Soler

En HTML tampoco funciona