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»
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.
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?
Hola Luisa, si el error te lo da usando Chrome, prueba con otros (Firefox, Opera…). Si los problemas persisten prueba a usar esta Guía de ayuda de Google. Si por el lado de los navegadores no solucionas nada, tendrás que verificar el código de inserción.
Un saludo!
Por qué tu video dice que no está disponible para verlo desde la página web?
Hola Javier, se trataba de un error interno, es un vídeo demostrativo de como quedaría tras la aplicación de los códigos. Un saludo
El ancho se ajusta automáticamente con el truco del 100%
Bien explicado
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.
Hola Jose Luis, gracias por tu respuesta, si eres tan amable indícame en que paso te da error.
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
Hola Jose Luis ante todo gracias a ti, he realizado unas actualizaciones en el post, dado que el vídeo tutorial no detallaba muchas posibilidades, entre ellas te indico como modificar en html. Espero te ayude.
Hasta pronto! ?
En HTML tampoco funciona
En HTML prueba desde Insertar marca la opción Incluir toda la publicación. Después ajusta el ancho a
width="100%"como describo más arriba.