{"id":1835,"date":"2022-11-11T23:54:43","date_gmt":"2022-11-11T23:54:43","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/11\/11\/6448859-hostinger-criador-de-sites-como-adicionar-videos\/"},"modified":"2025-08-27T06:14:38","modified_gmt":"2025-08-27T06:14:38","slug":"6448859-hostinger-criador-de-sites-como-adicionar-videos","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6448859-hostinger-criador-de-sites-como-adicionar-videos\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar V\u00eddeos"},"content":{"rendered":"<p class=\"no-margin\">Existem v&aacute;rias formas de adicionar v&iacute;deos ao seu site &#128071; <\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_f518846822\">Adicionar v&iacute;deos do YouTube ou Vimeo<\/h1><p class=\"no-margin\">No editor, expanda o painel <b>Adicionar elementos <\/b>ao lado esquerdo. Selecione o <b>elemento de v&iacute;deo<\/b>, depois, arraste-o e solte-o no lugar que desejar no seu site:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/2dc43bf1-0ef8-4e56-8d07-11e0b9f701f1.jpg\"><\/div><p class=\"no-margin\">Clique no elemento para ver mais op&ccedil;&otilde;es (editar, duplicar, deletar, redimensionar):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/a1638228-68a1-4abb-aa37-88b583195746.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Clique em <b>Editar v&iacute;deo <\/b>para fazer mais altera&ccedil;&otilde;es:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b>Adicione o link do v&iacute;deo<\/b>: no momento, o elemento de v&iacute;deo suporta v&iacute;deos do <b><a href=\"https:\/\/www.youtube.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">YouTube<\/a><\/b> e <b><a href=\"https:\/\/vimeo.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Vimeo<\/a><\/b>, portanto, seu v&iacute;deo deve, primeiro, ser enviado para uma dessas plataformas<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Ative outras configura&ccedil;&otilde;es: <\/b>reprodu&ccedil;&atilde;o autom&aacute;tica, repetir, mostrar controle do v&iacute;deo<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_3a97ea1700\">Solucionar problemas de v&iacute;deos n&atilde;o dispon&iacute;veis no Youtube<\/h2><p class=\"no-margin\">Caso o seu v&iacute;deo n&atilde;o esteja dispon&iacute;vel no YouTube, &eacute; prov&aacute;vel que voc&ecirc; esteja usando um URL mais curto do YouTube:<br><code> https:\/\/<b>youtu.be<\/b>\/video-id<\/code><br>&#8203;<\/p><p class=\"no-margin\">Para resolver esse problema, basta alterar o in&iacute;cio do URL para: <code>https:\/\/<b>www.youtube-nocookie.com\/embed<\/b>\/video-id<\/code><\/p><p>Por exemplo:<\/p><p class=\"no-margin\"><code>https:\/\/<b>youtu.be<\/b>\/video-id<\/code><br>&#11015;&#65039;<br><code>https:\/\/<b>www.youtube-nocookie.com\/embed<\/b>\/video-id<\/code><\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_0951250832\">Adicionar v&iacute;deos do Facebook<\/h1><p class=\"no-margin\">&Eacute; poss&iacute;vel incorporar ao seu site qualquer v&iacute;deo p&uacute;blico compartilhado no Facebook! Veja como &eacute; simples:<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Copie o URL do v&iacute;deo do Facebook que deseja incorporar:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/298a996c-6b0a-4b8b-a988-fb21cee6e897.jpg\"><\/div><p class=\"no-margin\">2. Abra o <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/embedded-video-player#configurator\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Configurador de C&oacute;digo<\/a><\/b> do Facebook e copie o link nele. Voc&ecirc; tamb&eacute;m pode especificar a largura desejada do v&iacute;deo em pixels. Feito isso, clique em <b>Receber c&oacute;digo<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/05291f04-743d-4d7f-9513-61c261eb6a9c.jpg\"><\/div><p class=\"no-margin\">3. Copie o c&oacute;digo <b>IFrame<\/b> do v&iacute;deo:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/e3030f0e-2662-4f5f-858c-7f1f8dbcbc5c.jpg\"><\/div><p class=\"no-margin\">4. J&aacute; no editor de site, adicione um <b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6719277-criador-de-sites-como-embutir-um-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">elemento de c&oacute;digo embutido<\/a><\/b> onde desejar no seu site e insira o c&oacute;digo.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">5. <b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6719128-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Atualize seu site<\/a> <\/b>e verifique se tudo est&aacute; publicado e funcionando!<\/p><h2 id=\"h_f4b56d792b\"><\/h2><h1 id=\"h_732ae62dfd\">Fazer upload de v&iacute;deos de um dispositivo local<\/h1><p class=\"no-margin\">Para fazer o upload de um v&iacute;deo do seu computador, a primeira coisa a se fazer &eacute; envi&aacute;-lo a qualquer servi&ccedil;o de armazenamento em nuvem, como o Google Drive, OneDrive etc. Assim, um c&oacute;digo especial iFrame do seu arquivo ser&aacute; gerado. Para exibir o v&iacute;deo no seu site, basta copiar o c&oacute;digo iframe no incorporador de c&oacute;digo &#128071;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Envie seu v&iacute;deo para o <b><a href=\"https:\/\/www.google.com\/drive\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Drive<\/a><\/b><b> <\/b>ou qualquer outro servi&ccedil;o de armazenamento em nuvem.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">2. Gere um c&oacute;digo iFrame do v&iacute;deo. Se voc&ecirc; usa o Google Drive, basta seguir <b><a href=\"https:\/\/www.youtube.com\/watch?v=z6ElW8kKDEU\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">as instru&ccedil;&otilde;es deste v&iacute;deo<\/a> <\/b>(o v&iacute;deo est&aacute; em ingl&ecirc;s, portanto, recomendamos gerar as legendas traduzidas automaticamente).<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">3. Em uma nova aba, abra o editor do seu site. Adicione o <b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6719277-criador-de-sites-como-embutir-um-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">elemento de c&oacute;digo embutido<\/a> <\/b>onde desejar e insira o c&oacute;digo iFrame do v&iacute;deo.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4.<b><a href=\"https:\/\/support.hostinger.com.br\/pt-BR\/articles\/6719128-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Atualize seu site<\/a><\/b> e verifique se tudo est&aacute; publicado e funcionando!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda como adicionar v\u00eddeos ao seu site<\/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":[257],"tags":[],"class_list":["post-1835","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"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\/br\/support\/wp-json\/wp\/v2\/posts\/1835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1835"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1835\/revisions"}],"predecessor-version":[{"id":3512,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1835\/revisions\/3512"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}