# Como Inserir um vídeo do YouTube no Portal

## Objetivo

Este tutorial apresenta o procedimento para incorporar um vídeo do **YouTube** em uma página ou notícia do Portal do Cidadão utilizando o recurso de **código de incorporação (iframe)**.

---

## Passo 1 – Obter o código de incorporação no YouTube

1. Acesse o vídeo que deseja publicar no **YouTube**.
2. Clique em **Compartilhar**.
    
    [![QXJhu790hV4ZvBw6-image.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/scaled-1680-/bs3Xr75Z5FF02dah-qxjhu790hv4zvbw6-image.png)](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/bs3Xr75Z5FF02dah-qxjhu790hv4zvbw6-image.png)
3. Selecione a opção **Incorporar**.  
    [![image.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/scaled-1680-/mKcugMawII2AuN5J-image.png)](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/mKcugMawII2AuN5J-image.png)
4. O YouTube exibirá um código HTML semelhante ao exemplo abaixo:

```html
<iframe
    width="560"
    height="315"
    src="https://www.youtube.com/embed/XXXXXXXXXXX"
    title="YouTube video player"
    frameborder="0"
    allowfullscreen>
</iframe>

```

5. Clique em **Copiar** para copiar o código para a área de transferência.
    
    [![image.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/scaled-1680-/ngP00QWoojKrMS6Y-image.png)](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/ngP00QWoojKrMS6Y-image.png)

---

## Passo 2 – Abrir a edição da publicação

Acesse a notícia ou página que será editada no Portal.

No editor de texto, clique no botão **&lt;&gt;**, localizado na barra de ferramentas.

[![image.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/scaled-1680-/CUFT42Rczt5JgODT-image.png)](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/CUFT42Rczt5JgODT-image.png)

Esse botão permite alternar entre o editor visual e a edição do código HTML.

*(Botão destacado na imagem abaixo.)*

---

## Passo 3 – Inserir o código

Após entrar no modo de edição HTML:

- Cole o código do **iframe** copiado do YouTube no local desejado dentro do conteúdo da página.
- Clique novamente no botão SALVAR para retornar ao modo de edição visual.
    
    [![image.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/scaled-1680-/dpEOZSuiWl571gcd-image.png)](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/dpEOZSuiWl571gcd-image.png)

O vídeo será exibido diretamente no editor como uma pré-visualização.

---

## Passo 4 – Ajustar o tamanho do vídeo

Após retornar ao modo visual, o vídeo poderá ser selecionado e redimensionado conforme a necessidade da publicação.

[![image.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/scaled-1680-/qfUXJYGc5G6u8DGj-image.png)](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2026-08/qfUXJYGc5G6u8DGj-image.png)

Recomenda-se verificar a aparência antes de publicar o conteúdo, garantindo que o vídeo esteja proporcional ao restante da página.

---

## Passo 5 – Salvar a publicação

Após concluir a edição:

1. Revise o conteúdo.
2. Confirme se o vídeo está sendo exibido corretamente na pré-visualização.
3. Clique em **Confirmar** ou **Salvar** para publicar as alterações.

---

## Observações

- Apenas vídeos que permitam incorporação poderão ser adicionados ao Portal.
- Sempre utilize a opção **Compartilhar → Incorporar** do YouTube. Não copie o endereço exibido na barra do navegador, pois ele não permitirá a exibição direta do vídeo na página.
- Caso necessário, o código do iframe pode ser editado para ajustar manualmente a largura (`width`) e a altura (`height`) do vídeo.
    
    
    - <table border="1" id="bkmrk-secretaria-municipal" style="border-collapse: collapse; width: 100%;"><colgroup><col style="width: 30.2977%;"></col><col style="width: 69.8215%;"></col></colgroup><tbody><tr><td>![FOTO_PERFIL_circular_SMCIT.png](https://wiki.araucaria.pr.gov.br/uploads/images/gallery/2025-02/9U1qqiS6xhAPRFRe-foto-perfil-circular-smcit.png)</td><td>**SECRETARIA MUNICIPAL DE CIÊNCIA, INOVAÇÃO, TECNOLOGIA E DESENVOLVIMENTO ECONÔMICO**
        
        Rua Heitor Alves Guimarães, 660 (1º Andar) - Bairro: Centro
        
        (41) [3614-1593](https://wa.me/554136141593?text=Poderia%20me%20ajudar%3F) (WhatsApp)
        
        <smcit@araucaria.pr.gov.br>
        
        </td></tr></tbody></table>