Insertar vídeos de facebook en WordPress de manera correcta
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 dos maneras diferentes:
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.
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»
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! ?