{"id":255,"date":"2022-11-01T12:46:14","date_gmt":"2022-11-01T12:46:14","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2022\/11\/01\/6448859-hostinger-creador-de-sitios-web-como-agregar-videos\/"},"modified":"2025-08-26T21:51:33","modified_gmt":"2025-08-26T21:51:33","slug":"6448859-hostinger-creador-de-sitios-web-como-agregar-videos","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6448859-hostinger-creador-de-sitios-web-como-agregar-videos\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Agregar V\u00eddeos"},"content":{"rendered":"<p class=\"no-margin\">Hay varias formas de agregar v&iacute;deos a tu web &#128071; <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_21458b6807\">Agregar v&iacute;deos de YouTube o Vimeo<\/h1><p class=\"no-margin\">Dentro del editor, expande el panel <b>Agregar elementos<\/b> de la izquierda. Selecciona el <b>elemento de V&iacute;deo<\/b> y arr&aacute;stralo y su&eacute;ltalo en cualquier parte de tu web: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/11\/c1618e0c-c287-4e16-8331-c76eb6894374.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Haz clic en el elemento puesto para ver m&aacute;s opciones (editar, duplicar, eliminar, cambiar el tama&ntilde;o):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/11\/90f6acff-536e-4d35-ac05-09b80e8a86a3.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Puedes hacer clic en <b>Editar v&iacute;deo<\/b> para hacer m&aacute;s cambios:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Agregar el enlace del v&iacute;deo<\/b>: actualmente el elemento de v&iacute;deo admite v&iacute;deos de <b><a href=\"https:\/\/www.youtube.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">YouTube<\/a><\/b> y <b><a href=\"https:\/\/vimeo.com\/es\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Vimeo<\/a><\/b>, as&iacute; que es necesario tener el v&iacute;deo subido a una de estas plataformas. <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Cambiar otros ajustes: <\/b>autoreproducci&oacute;n, repetir, mostrar controles de v&iacute;deo<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_587f9f2723\">Resoluci&oacute;n de problemas con v&iacute;deos &ldquo;no disponibles&rdquo; de YouTube<\/h2><p class=\"no-margin\">Si tu v&iacute;deo de YouTube no est&aacute; disponible, es probable que se deba a una URL acortada:<br><code>https:\/\/<b>youtu.be<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Para arreglarla, tienes que cambiar la URL de esta manera: <br><code>https:\/\/<b>www.youtube-nocookie.com\/embed<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Por ejemplo:<\/p><p class=\"no-margin\"><code>https:\/\/<b>youtu.be<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">&#11015;&#65039;<\/p><p class=\"no-margin\"><code>https:\/\/<b><a href=\"http:\/\/www.youtube-nocookie.com\/embed\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">www.youtube-nocookie.com\/embed<\/a><\/b>\/video-id<\/code><\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_fb8637ffd4\">Agregar v&iacute;deos de Facebook<\/h1><p class=\"no-margin\">&iexcl;Puedes incrustar cualquier v&iacute;deo compartido p&uacute;blicamente en tu sitio web! <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Accede al v&iacute;deo que quieras insertar en Facebook. Haz clic en los tres puntitos <b>&middot;&middot;&middot;<\/b> y selecciona <b>Copiar enlace<\/b> para copiar la URL del v&iacute;deo seleccionado. Ten en cuenta que solo ver&aacute;s esta opci&oacute;n si la audiencia del v&iacute;deo est&aacute; establecida en P&uacute;blico. Copia la URL del v&iacute;deo seleccionado de Facebook <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Abre el <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player#configurator%3Flocale%3Des_ES\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Configurador del reproductor de v&iacute;deo insertado<\/a><\/b> de Facebook y pega el enlace all&iacute;. Tambi&eacute;n puedes especificar el ancho deseado del v&iacute;deo en p&iacute;xeles. Una vez lo hayas hecho, haz clic en <b>Obtener c&oacute;digo<\/b>: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/11\/254e463d-b53d-4394-89b3-bf1a4b690102.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Copia el c&oacute;digo <b>iframe<\/b> del v&iacute;deo: <\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/11\/5c0fa35f-e64b-4381-a551-eb4415d8d803.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Dentro del editor de tu web, agrega un elemento de <b><a href=\"\/es\/support\/6463152-creador-de-webs-como-incrustar-un-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\">incrustar c&oacute;digo personalizado<\/a><\/b> e introduce el c&oacute;digo (copiando y pegando el c&oacute;digo del iframe). <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">5. <b><a href=\"\/es\/support\/6435697-creador-de-webs-como-actualizar-tu-sitio-web\" target=\"_blank\" class=\"intercom-content-link\">Actualiza tu web<\/a><\/b> y echa un vistazo a su aspecto online &#128064;&#128064;&#128064;<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_b9aed5536e\">Subir v&iacute;deos desde un dispositivo local <\/h1><p class=\"no-margin\">Para subir un v&iacute;deo desde tu ordenador:<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Sube tu video a <b><a href=\"https:\/\/www.google.com\/drive\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Drive<\/a> <\/b>o cualquier otro almacenamiento de la nube (cloud). <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. De esta manera, se crea un c&oacute;digo especial de iframe. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Para mostrar el v&iacute;deo en tu sitio web, necesitas obtener el c&oacute;digo iframe y copiarlo.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. En una nueva pesta&ntilde;a, abre el editor de tu sitio web y agrega un <b><a href=\"\/es\/support\/6463152-creador-de-webs-como-incrustar-un-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\">elemento de incrustar c&oacute;digo personalizado<\/a><\/b> en cualquier parte de tu web y pega el c&oacute;digo del iframe del v&iacute;deo. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">5.<b><a href=\"\/es\/support\/6435697-creador-de-webs-como-actualizar-tu-sitio-web\" target=\"_blank\" class=\"intercom-content-link\">Actualiza tu web<\/a><\/b> y echa un vistazo a su aspecto online.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aqu\u00ed te ense\u00f1amos c\u00f3mo a\u00f1adir v\u00eddeos a tu sitio web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[256],"tags":[],"class_list":["post-255","post","type-post","status-publish","format-standard","hentry","category-elementos-del-sitio-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6448859-hostinger-website-builder-how-to-add-videos\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6448859-hostinger-creador-de-sitios-web-como-agregar-videos\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6448859-hostinger-createur-de-site-web-comment-ajouter-des-videos\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6448859-hostinger-website-builder-cara-menambahkan-video\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6448859-hostinger-svetainiu-kurimo-irankis-kaip-prideti-vaizdo-irasu\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6448859-hostinger-criador-de-sites-como-adicionar-videos\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6448859-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=255"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/255\/revisions"}],"predecessor-version":[{"id":2734,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/255\/revisions\/2734"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=255"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=255"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}