Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo incrustar vídeos fácilmente en entradas de blog de WordPress

Nota editorial: Ganamos una comisión de los enlaces de socios en WPBeginner. Las comisiones no afectan a las opiniones o evaluaciones de nuestros editores. Más información sobre Proceso editorial.

¿Quieres incrustar vídeos en las entradas de tu blog de WordPress? Los vídeos dan vida a tu sitio web y son una forma estupenda de aumentar la participación de los usuarios.

WordPress hace que sea superfácil incrustar vídeos de sitios de alojamiento de vídeos como YouTube, Vimeo, Facebook, Twitter y muchos otros.

En esta guía para principiantes, le mostraremos cómo incrustar fácilmente vídeos en entradas, páginas y widgets de la barra lateral de WordPress.

How to easily embed videos in WordPress blog posts (4 ways)

¿Por qué incrustar vídeos en las entradas de tu blog de WordPress?

Añadir vídeos a su blog de WordPress es una excelente forma de captar la atención de sus visitantes y aumentar la participación y las conversiones.

Los vídeos ayudan a aumentar el tiempo que los usuarios pasan en su sitio web WordPress, y algunos visitantes pueden incluso preferir ver un vídeo que leer un texto escrito.

En WPBeginner incrustamos vídeos en nuestros tutoriales de WordPress más populares.

¿Debería subir vídeos directamente a WordPress?

Bueno, puede, pero no se lo recomendamos.

La mayoría de los blogs pequeños utilizan cuentas de alojamiento compartido de WordPress, y los vídeos pueden ocupar muchos recursos del servidor. Si tu vídeo recibe mucho tráfico, es más probable que tu sitio web se bloquee.

En segundo lugar, te estás perdiendo el tráfico de los usuarios de YouTube y de otros sitios de alojamiento de vídeos.

YouTube no es solo el mayor sitio de alojamiento de vídeos, sino también el segundo motor de búsqueda más popular del mundo y la segunda red social más popular justo después de Facebook.

Si no quieres subir tus vídeos a YouTube, puedes utilizar otras plataformas como Vimeo, Jetpack Video, Wistia, etc.

Para más detalles, consulte nuestra entrada sobre por qué nunca debe subir un vídeo a su biblioteca de medios de WordPress.

Dicho esto, vamos a mostrarte cómo puedes incrustar vídeos en entradas de blog de WordPress, paso a paso. Utiliza los enlaces rápidos que aparecen a continuación para ir directamente al método que desees utilizar:

Tutorial en vídeo

Subscribe to WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Método 1: Incrustar vídeos en entradas de blog y páginas de WordPress usando el editor de bloques

WordPress viene con una gran característica llamada auto-embeds, que permite a su sitio web para obtener automáticamente el código de incrustación de los servicios de alojamiento de vídeo populares como YouTube, Vimeo, etc.

Todo lo que tiene que hacer es pegar la URL del vídeo en el editor de WordPress.

Por ejemplo, puedes copiar la URL de YouTube de un vídeo que quieras incrustar.

A continuación, edite la entrada o página de WordPress en la que desea añadir el vídeo y simplemente pegue la URL en el área de contenido.

Paste video embed code in block editor

En cuanto pegues la URL del vídeo, WordPress obtendrá el código de incrustación y mostrará el vídeo de YouTube dentro del editor de contenido.

Ahora puede guardar su entrada haciendo clic en el botón “Actualizar” o “Publicar” para ver el vídeo incrustado en su entrada en directo.

¿No ha sido fácil?

Una vez añadido el vídeo, puede personalizar sus ajustes haciendo clic en el vídeo en el editor y realizando los cambios desde la barra de herramientas de la ventana emergente.

Puedes ajustar la anchura del vídeo, cambiar la alineación y mucho más. También puede añadir una leyenda y conservar la relación de aspecto del vídeo en dispositivos móviles.

Edit video display options in block editor

WordPress solo puede realizar incrustaciones automáticas para los servicios de vídeo de la lista blanca. Para otros sitios web, tendrás que obtener el código de incrustación y pegarlo en las entradas de tu blog.

Aquí hay una lista de servicios de vídeo en la lista blanca para auto incrustar en WordPress:

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Algunas tarjetas
  • SoundCloud
  • Cubierta de altavoces
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VídeoPrensa
  • Vimeo
  • WordPress.tv
  • YouTube

Si desea añadir un vídeo de un sitio web ajeno a esta lista, necesitará incrustar el código HTML completo del vídeo.

Simplemente copia el código HTML proporcionado por el sitio web del vídeo y pégalo dentro del bloque ‘HTML’ en el editor.

Add video embed HTML code

Para obtener más información, consulte nuestra guía para principiantes sobre cómo editar HTML en el editor de código de WordPress.

Método 2: Incrustar vídeos en WordPress utilizando el antiguo editor clásico

Si todavía utilizas el antiguo editor clásico de WordPress, puedes incrustar los vídeos de la misma manera.

Sólo tienes que copiar la URL de un servicio de alojamiento de vídeos como YouTube y pegarla en el editor. Si utilizas el editor visual, verás una vista previa del vídeo.

Embed video in classic editor

Sin embargo, no podrás utilizar el ajuste de anchura y otras opciones que sí puedes usar en el editor de bloques Gutenberg de WordPress.

Asegúrese de hacer clic en el botón “Actualizar” o “Publicar” para hacer efectivos los cambios.

Método 3: Cómo incrustar vídeos en los widgets de la barra lateral de WordPress

Al igual que en una entrada o página de WordPress, también puedes incrustar vídeos en los widgets de la barra lateral de WordPress.

Simplemente vaya a Apariencia ” Widgets en su área de administrador de WordPress y luego haga clic en el icono ‘+’ añadir nuevo bloque.

A continuación, busca “Vídeo” en la barra de búsqueda.

A continuación, puedes hacer clic en el bloque del tipo de vídeo que quieras añadir. Por ejemplo, YouTube, Vimeo, TED, etc.

Add new video block to widget

A continuación, tienes que pegar la URL del vídeo en el recuadro, hacer clic en el botón “Incrustar” y se añadirá automáticamente a la zona del widget.

A continuación, sólo tienes que hacer clic en el botón “Actualizar” y el widget de vídeo aparecerá en tu sitio de WordPress.

Enter embed URL and click update

Ahora, puedes visitar tu sitio web para ver el vídeo en directo. El tamaño del vídeo se adaptará automáticamente al tamaño del área del widget.

Widget video embed example

Para obtener más información, consulte nuestra guía sobre cómo añadir y utilizar widgets en WordPress.

Método 4: Utilizar plugins WordPress Video Embed para incrustar vídeos

Por defecto, no es necesario utilizar un plugin para incrustar vídeos en WordPress. Sin embargo, es posible que desee utilizar plugins para mejorar la experiencia de visualización de vídeo en su sitio web.

Los siguientes son algunos plugins de WordPress que puede probar.

1. Smash Balloon YouTube Feed Pro

Smash Balloon YouTube Feeds Pro

Smash Balloon YouTube Feed Pro es el mejor plugin de galería de vídeos de YouTube para WordPress, en el que confían más de 40.000 propietarios de sitios web.

Te permite incrustar automáticamente todos los vídeos de tu canal de YouTube en un formato de galería personalizable. Importa automáticamente nuevos vídeos, combina feeds, puede añadir la función de transimisión en directo, incrustar una lista de reproducción de YouTube y mucho más.

Además, incluye visualizaciones, “me gusta”, “compartir”, comentarios y reacciones, que pueden ayudar a impulsar tu prueba social.

YouTube channel feed example

Existe una versión gratuita del plugin de feed de YouTube que puedes utilizar para añadir el feed de tu canal de YouTube a WordPress.

Para obtener más información, consulta nuestra guía sobre cómo mostrar los últimos vídeos del canal de YouTube en WordPress.

También puede utilizar el feed plugin Smash Balloon YouTube con el plugin Social Wall que combina todo el contenido de sus medios sociales de Facebook, Instagram, Twitter y YouTube en una sola página de WordPress.

2. Smash Balloon TikTok Feed Pro

Smash Balloon TikTok Feed Pro

TikTok Feed Pro, también de Smash Balloon, es un potente plugin que te permite incrustar fácilmente vídeos de TikTok en cualquier parte de tu sitio WordPress.

Cuando realizas entradas en tu canal de TikTok, se envían automáticamente a tu sitio web y se muestran en un bonito feed de galería de vídeos. Puedes elegir entre múltiples disposiciones de feed, incluyendo cuadrícula, carrusel, lista y mosaico.

Smash Balloon TikTok feed example

El editor de feeds de arrastrar y soltar también te da un control total sobre el aspecto de tu feed de TikTok. Puedes establecer el número de vídeos que quieres mostrar y personalizar los colores, el estilo, el espaciado y mucho más.

Además, incluye útiles herramientas de moderación para filtrar tus vídeos en función de una palabra o un hashtag. Con esta característica, puedes crear feeds de vídeo seleccionados para diferentes partes de tu sitio web con el fin de dirigirte a contenidos específicos.

También hay una versión gratuita del plugin Feeds for TikTok que puedes usar para añadir un simple feed de TikTok en WordPress.

Consulta nuestra guía sobre cómo incrustar vídeos de TikTok en WordPress para más detalles.

The Envira Gallery YouTube plugin

Envira Gallery es el mejor plugin de galerías para WordPress del mercado. Puede utilizarlo para crear fácilmente galerías de fotos en WordPress. También viene con una extensión de vídeos para mostrar galerías de vídeo hermosas y adaptables.

Puede crear galerías de vídeos de YouTube, Vimeo, Twitch, DailyMotion, etc. Incluso puedes mostrar listas de reproducción de YouTube desde tu cuenta personal y tienes la posibilidad de iniciar vídeos de YouTube en una marca de tiempo determinada.

Envira es muy fácil de usar. Sólo tienes que introducir la URL de tu vídeo de YouTube y el sistema inteligente obtendrá automáticamente las miniaturas del vídeo por ti.

Existe una versión gratuita de Envira Gallery. Sin embargo, necesita el plugin premium para acceder a la característica de galerías de vídeo.

4. Barra de suscriptores de YouTube

YouTube Subscribe Bar

La barra de suscriptores de YouTube muestra un botón de suscriptor de YouTube debajo de los vídeos de YouTube incrustados en WordPress. También obtiene tu número de suscriptores de YouTube para añadir una prueba social y animar a más usuarios a suscribirse a tu canal.

Primero lo creamos para promocionar el canal de YouTube de WPBeginner en este sitio web. Muchos de nuestros usuarios nos pidieron que compartiéramos cómo lo hacíamos, así que decidimos lanzarlo como plugin gratuito.

5. Carga diferida de vídeos

Lazy Load for Videos

La carga diferida para vídeos resuelve el problema de la carga de scripts de vídeo incrustados desde sitios web externos, que repercute en la velocidad de carga y el rendimiento de la página web.

En cambio, solo carga el código incrustado cuando el usuario hace clic en el botón de reproducción.

Por cierto, no necesitarás este plugin si utilizas el plugin Smash Balloon YouTube Feed, ya que incorpora almacenamiento en caché y carga retardada para el reproductor de vídeo.

Esperamos que este artículo te haya ayudado a aprender cómo incrustar fácilmente vídeos en entradas de blog de WordPress. También puedes consultar nuestra guía completa de optimización de motores de búsqueda (SEO) para WordPress y nuestra selección de los mejores servicios de telefonía para pequeñas empresas.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

123 comentariosDeja una respuesta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Tom Minkler says

    What if a video is shared to Facebook from Instagram, THEN i try to put it in WordPress post? For awhile, pasting the FB link into the visual editor was working fine, but now it just shows the link.

    I don’t think those past videos that work were from Instagram, i went back and looked and one was shared from one Facebook page to another but the original doesn’t say it is from Instagram. Does it matter?
    Thanks for your help.

  3. Alexander says

    thank you very much wpbeginner for this awsome post as usual it was so usefull
    and i have another question my worpress site does not display properly on smartphones and android device what could be the problem ?

  4. Riyaz Khan says

    Hi,

    I want to develop a site where i am allowing users to upload the videos in their profile dynamically and same can be seen by other member, kind of facebook.
    Is there any plugins for the same?

  5. Kim says

    Hi WP Beginner!

    First off my wordpress is a localhost. I’ve uploaded the video by adding media. (It shows up in my media library) However, when I put it in a post it starts by looking like it will play then goes black as says:

    Media error: Format(s) not supported or source(s) not found
    Then it gives a download link.

    Is there anyway to just embed the video without giving a download link?
    The video is an mp4.

    Any help would be great! Thanks!

  6. Zeeshan Zafar says

    I have added Youtube Link in my site post but unfortunately it is not showing. I have tried many things to make it visible but no success. On load iframe load but there is nothing in the body tag of iframe.

    Please Help….

      • JEG says

        Sorry this is not correct. Instead I suggest you delete your post and create a new one. I was having a similar problem and that is how I fixed it.

  7. Jennifer says

    I was able to embed my video from facebook live, and everything appears to be working perfectly EXCEPT there is no audio. What can I do?

  8. Milliana says

    So how then do we use the embed code for ARCHIVE.ORG

    WP will not let me use the Internet Archive iframe any more since it has updated.

    This is a problem!

    Do you have a work-around?

  9. Mac says

    Hello, I’m trying to include a video on my WordPress post. I copy the URL (URL only, not the embed code) from my Vimeo link and paste it onto the Post Editor on its own line. It is not a hyperlink. After saving & updating the post, I go to look at the post and all I see is the text of the Vimeo url (no video). What am I doing wrong? FYI this is my own video on Vimeo; there are no privacy settings and it can be shared. Thanks.

  10. Vivek Darji says

    hello wpbegginer
    how to increase Traffic on Photography site? without any content because my friend start a photography blog he was update only photos in blog how to improve that blog?

  11. Guust says

    Just a note to anybody thinking of just adding videos to explain things rather than explaining with written words.
    Videos with spoken explanations only are not accessible to hearing impaired people and might also be difficult for visitors to your site who do not speak the same language as the language used in the video.
    And videos cannot be read by screen readers for the bling.
    So make sure to add subtitles and also provide screen reader accessible content if you want or need your site to be accessible.

    Cheers

  12. Michelle says

    Hello,

    I’ve just embed a youtube video on my wordpress site and it plays from that webpage on a desktop/leptop. However, when I access the webpage from my mobile device, when I play the video it opens it up in the Youtube app instead of staying on my website. I don’t want viewers to leave the webpage I’ve embed the video on while on mobile devices. Is there anyway to ensure viewers will not leave my site while on a mobile device and watching my video?

  13. Hassin says

    is it possible that I could upload a video on my homepage. this is my wordpress blog
    I want to change the video that is on the bottom of my page but I can’t change it, please help me. It is entered through Videopress

  14. Paul Holmes says

    Hi Kathy,
    I’m having problems with Vimeo embed codes. I have copied and pasted the Vimeo embed code onto my WEBSITE on the WORD PRESS Page but, when i click update and view changes all I see is the VIMEO Embed Code and not the VIDEO.

    It isn’t showing the Video on my WORD PRESS Page just the EMBED CODE?

    Look forward to your reply THAK YOU
    Regards
    Paul

  15. Kathy says

    I am having great difficulty getting a video to post on my WordPress blog. I’ve loaded it up to my youtube channel and then copy the URL from there. I paste into my NewPost, taking care to not have anything else on that same line. The video pops up in the edit box, but will not show on my blog when I come in from the outside, like any of you would do.

    I’ve reviewed bunches of training sites that all say I am doing this correctly, and yet it won’t show. I called GoDaddy, since they are my blog host, but to no avail. They couldn’t help.

    I even tried using the embed code and got the same results.

    Does anyone have any suggestions?

  16. Jeanne says

    Thank you for this video. Seems simple enough, but the video I want to embed in my Word Press template is from a news station’s website. It’s not on the white list and although you said we would have to use the embed code instead, you did not provide a link to how to use the embed code.

  17. Cory says

    This was helpful, but I’m an idiot and need every single step spelled out for me…haha! What may be helpful for others looking for the solution, is more details on the link that you actually use on the wordpress page. It’s shown in the video but isn’t specifically explained. Don’t use the links that youtube gives you in the “share” option. Instead, copy and paste the actual url that is in your address bar of your browser.

  18. Hazel Andrews says

    I’ve got the video embedded on my site. I’ve even set a thumbnail as a featured image! But on my blog page it shows both the thumbanil and the video when I just want the featured image to show up on the ‘recent posts’ bit. how do I do that?

  19. Lyn says

    I did this and it worked but I noticed that the email that gets sent to my followers do not show the videos. They would have to click on my actual website in order to see the videos. Does anyone else have this problem and how do you fix that? thanks!

    • Kas Sommers says

      Did you ever get an answer to this? I have the same problem. The email sent to followers doesn’t even show a broken link, People have no way of even knowing there is a video there that they can’t see.

  20. Clare says

    I tried the instructions here and it didn’t work.
    I then tried what someone else suggested which is copying it elsewhere, into a document, and then copy and pasting that into wordpress – apparently that worked for others. Didn’t work for me.

    I then simple copy and paste the basic URL into the post, no ‘embed’ business, and voila!

    Hopefully, it does actually work properly, so far so good

  21. Bruce Fulford says

    I have successfully embedded two videos from YouTube but views on WP are not reported in my YouTube stats. Do you know why?

  22. Masauko says

    Thanks for the post. It just worked after I had tried several plugins but failed. But the thumnail is too large for my theme. The video therefore distorts homepage appearence. How can I minimise the size of the thumnail

  23. Cathal says

    the link for the youtube video does not work!
    Anyway, its ironic that you are showing how to embed a video, and the video you show is only a link, not an embedded video???

  24. Kristina Goodrich says

    Okay, I did as you said and, even though I couldn’t see anything more than a yellow box, it was there. How about that.

    Thank you!

  25. Victoria says

    Thank you very much for this post. I have tried embedding them I don’t know how many ways, then find this. Oh Duh! lol

  26. Jimmy says

    “Well you can, but we do not recommend you to do so.”

    So, how do you do it then? I’ll decide if I want to host it from my own site or not. I have a password protected site with only a few users. I do not want to make my video public. Hosting a 30 second clip is not going to crash the server.

    • Editorial Staff says

      If you have a handful of users and a short clip, sure go ahead and host it on your server. We would recommend going with Vimeo. Their plus feature which costs like $60 per year allows you to limit video embeds to a certain domain name. You can make it yoursite.com, and then have your site members only.

      Administrador

  27. Karen Berry says

    I consistently can’t embed videos on our blogs unless they are posted on YouTube. I am trying to embed a video from a public television station that provides embed code. Pasting the url does not work, using the embed code does not work. I tried pasting both into Notepad before pasting as a commeter above sugggested and that is not working. I have checked my settings to make sure auto-embed is enabled. Any other ideas?

    • Editorial Staff says

      If these public televisions are not using a popular service like Youtube, Vimeo, etc, then just pasting their URLs wouldn’t work. You would have to use their embed code. If it is iFrame embed code, then you should probably download one of the iframe plugins. If it is a Flash Player code, then you should be able to paste the code in your HTML tab of post editor. It should work just fine.

      Administrador

  28. gyllencrazy says

    I’m trying to embed videos manually (unfortunately all the videos I want to post in my blog are not among the easy-to-embed ones that you’ve listed) but it doesn’t work.

    If I copy and paste the link in the HTML page, it doesn’t do anything in the VISUAL page. What am I doing wrong? I’m downloading these videos and uploading them on my dailymotion page to avoid this problem but it’s time consuming and I really would like to just embed.

    Any ideas?

      • GYLLENCRAZY says

        Iframe based videos don’t work either, not even with the iFrame plugin. Flashplayer code videos don’t work.

        I’m considering migrating somewhere else, it takes less time than trying to figure how to do something that’s supposed to be easy, according to what WP support keeps telling us.

  29. Marie says

    We’re using WordPress on our own server. Seems like it doesn’t do anything right. When I paste the url into the body, I leave a space above and a space below it. Nothing happens. My url is from a YouTube video that is public! I think it may have something to do with my lines disappearing between paragraphs. They are there when I’m editing but in the preview they are gone. Any know of a fix for that? Keep in mind I don’t really know code, so hopefully a fix that doesn’t involve messing with it.

      • Kristina Goodrich says

        i have a similar problem. I go to Settings > Media, and the only thing it asks is the size limits for small, medium and large images. There is no mention of auto-embedding, there or elsewhere.

        Is the problem that I’m trying to embed .mov files? It doesn’t seem to make a difference if I select Flash (which I used in the past) or QuickTime as a choice under the “embed media” shortcuts.

        Help!

        • Niña Angeli says

          Hi Kristina!

          I know I’m writing this a year and a half after you posted the above, but I’m having exactly the same youtube embed problems (no auto embedding option, etc)

          Did you ever figure out the problem? If so, please let me know…I’m starting to get frustrated! :)

          Thanks!

          Niña

  30. Matt F says

    Doesn’t work for my when I do a straight cut and paste. I have to paste into Notepad, then recopy/pasted into WordPress. Why? Who knows. One of the myriad of foibles of WordPress that should be easy but are ball-tearingly frustrating.

  31. Courtney Engle says

    Will embedding the video this way display properly in Google Reader?

    And if the RSS is importing to Facebook notes, would additionally hyperlinking the code used to put the video in then break the embed that WP can do?

    • Editorial Staff says

      We always embed our videos this way, and haven’t had any issues from users complaining about misalignment or broken posts in google reader. If RSS is being served to Facebook, it would work perfectly fine, because WordPress is generating your RSS and it knows what to do with an embed code.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.