--- url: 'https://dxpr.com/pt-pt/hc/documentacao/aprender-dxpr-builder/elementos/video' title: 'Adicionar um vídeo | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T14:11:40+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: 'Obtém um vídeo YouTube ou Vimeo que se ajusta à sua coluna, com imagem de capa e botão de reprodução opcionais. Utilize-o para demonstrações de produtos, aulas, tutoriais ou vídeos promocionais.' tags: - 'Text and media' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Adicionar um vídeo' description: 'Obtém um vídeo YouTube ou Vimeo que se ajusta à sua coluna, com imagem de capa e botão de reprodução opcionais. Utilize-o para demonstrações de produtos, aulas, tutoriais ou vídeos promocionais.' image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T14:11:40+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pt-pt/hc/documentacao/aprender-dxpr-builder/elementos/video' articleSection: 'Texto e multimédia' - '@type': WebPage '@id': 'https://dxpr.com/pt-pt/hc/documentacao/aprender-dxpr-builder/elementos/video' description: 'Obtém um vídeo YouTube ou Vimeo que se ajusta à sua coluna, com imagem de capa e botão de reprodução opcionais. Utilize-o para demonstrações de produtos, aulas, tutoriais ou vídeos promocionais.' breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Início item: 'https://dxpr.com/pt-pt' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pt-pt --- [Centro de ajuda](/pt-pt/node/75)/[Documentação](/pt-pt/hc/documentacao) /[Aprender DXPR Builder](/pt-pt/hc/documentation/learn-dxpr-builder) /[Criar páginas](/pt-pt/hc/documentation/learn-dxpr-builder/build) /[Adicionar conteúdos](/pt-pt/hc/documentation/learn-dxpr-builder/elements) /[Texto e multimédia](/pt-pt/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Adicionar um vídeo. Aprender DXPR BuilderCriar páginasAdicionar conteúdosTexto e multimédia ## Neste guia Guias relacionados - [Altere o aspeto de um elemento no painel Style](/pt-pt/hc/documentacao/aprender-dxpr-builder/definicoes-de-elementos/separador-de-estilo) Obtém um vídeo YouTube ou Vimeo que se ajusta à sua coluna, com imagem de capa e botão de reprodução opcionais. Utilize-o para demonstrações de produtos, aulas, tutoriais ou vídeos promocionais. ## Adicionar um vídeo Abra a sua página com sessão iniciada: os controlos do construtor aparecem quando paira o cursor sobre a área de conteúdo. [Crie a sua primeira página](/pt-pt/hc/documentacao/aprender-dxpr-builder/primeiros-passos/primeira-pagina) mostra o essencial. 1. Paire o cursor sobre a coluna e clique em **+** na barra de controlos, ou clique em **Add Elements** numa página vazia. Abra o separador **Content** e clique em **Video**. O elemento é colocado no topo da coluna e o diálogo de definições abre. 2. Cole ou escreva um URL YouTube ou Vimeo em **Video link**. 3. Em **Image**, clique em **Select Image** para abrir o **Media browser**. Para encontrar uma fotografia, escreva parte do nome e clique em **Apply filters**. Assinale a fotografia e clique em **Insert selected**. Torna-se a imagem de capa. 4. Escolha se mostra o **Themed play button** por cima da imagem de capa. Vem desligado por predefinição. Aqui está ligado. 5. Clique em **Save** no diálogo. Depois clique em **Save** na barra de ferramentas no topo da área de conteúdo para guardar a página. ## O que vê O seu vídeo aparece numa moldura 16:9 em toda a coluna. No vídeo, a fotografia de capa preenche a moldura e o botão de reprodução do tema fica por cima. O leitor YouTube só carrega quando alguém clica na fotografia ou no botão. Os visitantes veem-no depois de guardar a página e de esta ser publicada. ## Configurar o vídeo Paire o cursor sobre o elemento e abra **More > Settings** na barra de controlos. Opções: - **Video link:** o URL YouTube ou Vimeo. Ligações normais, curtas e de incorporação funcionam todas. - **Video width:** uma largura CSS como `100%` ou `800px`. A predefinição é `100%`. - **Image:** uma imagem de capa mostrada antes de o vídeo tocar. Com uma imagem definida, o leitor YouTube ou Vimeo só carrega quando o visitante clica, por isso a página carrega mais depressa. - **Themed play button:** um botão de reprodução na cor primária do seu tema, mostrado sobre o vídeo ou a imagem. Vem desligado por predefinição. Um clique nele, ou na imagem, inicia o vídeo sem som. ## Se não o vir - **O Video não está no separador Content.** O seu perfil de utilizador oculta-o. Peça a um administrador para o ativar em [User Profiles](/pt-pt/hc/documentacao/aprender-dxpr-builder/administracao/administracao-de-perfis-de-utilizador). - **Desapareceu depois de recarregar.** A página não foi guardada. Adicione-o novamente e clique em **Save** na barra de ferramentas no topo da área de conteúdo. - **Aparece um espaço em branco em vez do leitor.** O campo **Video link** está vazio ou tem um URL que não é YouTube nem Vimeo. Paire o cursor sobre o elemento e abra **More > Settings**, depois cole um URL YouTube ou Vimeo válido. - **O leitor mostra um erro em vez do vídeo.** O vídeo é privado, ou o proprietário não permite incorporação. Torne-o público ou não listado e permita a incorporação no YouTube ou Vimeo, ou ligue outro vídeo. - **O vídeo é demasiado largo ou estreito para a coluna.** **Video width** tem um tamanho fixo, como `800px`. Defina-a como `100%` para preencher a coluna. ## E a seguir? [Separador Style](/pt-pt/hc/documentacao/aprender-dxpr-builder/definicoes-de-elementos/separador-de-estilo) para alterar o espaçamento e o fundo do seu vídeo.