Explore o núcleo: como incorporar facilmente vídeos em seus artigos do Joomla

O Joomla possui uma funcionalidade integrada para incorporar vídeos de, por exemplo, YouTube ou Vimeo ou qualquer outra plataforma que forneça códigos de incorporação. Você não precisa instalar nada para isso, basta um pouco de preparação.

Neste exemplo, mostrarei como incorporar um vídeo do YouTube em um artigo do Joomla 4. Há duas maneiras de fazer isso: a maneira superfácil e a ainda bem fácil.Ambas as formas requerem um pouco de preparação primeiro.

Preparação: faça isso primeiro

Para permitir que você incorpore vídeos em seu site, o YouTube usa um IFrame ou “frame inline”. Essa é uma maneira comum de incorporar outro conteúdo no documento HTML atual. 

Por padrão, o editor do Joomla (TinyMCE) retira o código IFrame, então você precisa permitir isso primeiro.

Em seu back-end, vá para Sistema -> Gerenciar -> Plugins

Sistema -> Gerenciar -> Plugins

No campo de pesquisa no topo da lista, digite "Tiny" e o ícone de pesquisa. O resultado da pesquisa agora deve mostrar o plug-in do editor TinyMCE.

Lista de plug-ins

Clique no título para abri-lo.

O TinyMCE tem três conjuntos de editores no Joomla. O conjunto 0 é o mais extenso, usado para administradores de site e superusuários. Neste exemplo, quero que este grupo possa adicionar IFrames, então vou alterar as configurações para Definir 0.

Perfis do editor para TinyMCE

Role para baixo até Prohibited elements .Isso mostra uma pequena lista: script,applet,iframe.

Elementos proibidos no TinyMCE

Remova o “iframe” e salve as configurações.

Agora você está pronto para incorporar seu primeiro vídeo!

Incorporando seu vídeo do YouTube - a maneira super fácil

No YouTube (ou Vimeo ou qualquer plataforma da qual você deseja incorporar vídeos), clique no botão Compartilhar abaixo do vídeo que deseja incorporar.

Botão Compartilhar no vídeo do YouTube

Um pop-up é aberto. Abaixo dos botões Compartilhar, você verá o URL do vídeo e um botão de cópia.

Clique no botão copiar para copiar o URL.

Incorporando o vídeo em seu artigo Joomla

Crie um novo artigo ou abra o artigo que contém o vídeo.

Coloque o cursor no local exato onde deseja que o vídeo apareça.

Na barra de ferramentas do editor, clique em Inserir.Na lista suspensa, escolha Mídia.

Botão Inserir, menu suspenso para escolher a mídia

 

Agora você obtém um pop-up. No canto superior esquerdo, você vê Geral selecionado. Copie o URL na caixa Fonte .

Nas caixas Largura e Altura , as dimensões do seu vídeo são pré-preenchidas. Você pode ajustá-las se desejar.

Se você clicar em Incorporar (segunda opção à esquerda, abaixo de Geral ), verá que o código de incorporação foi preenchido para você.

O pop-up fecha e você verá seu vídeo na área de texto do editor.

Vídeo incorporado de back-end de captura de tela

 

Incorporando seu vídeo do YouTube - a maneira ainda muito fácil

No YouTube (ou Vimeo ou qualquer plataforma da qual você deseja incorporar vídeos), clique no botão Compartilhar abaixo do vídeo que deseja incorporar.

Botão Compartilhar no vídeo do YouTube

Um pop-up é aberto. Clique no botão de incorporação (é o primeiro da esquerda).

Botão de incorporação para o YouTube

Outro pop-up é aberto, mostra seu vídeo e, na parte direita, você verá o código de incorporação e algumas opções.

No canto inferior direito, há uma opção Copiar . Clique nela. O código de incorporação fica azul (dica bônus: se você é um caos nas pernas, como eu, agora é a hora de colá-lo no Bloco de Notas ou algo assim ainda terá se você se distrair ao longo do caminho).

Código de incorporação do YouTube

Incorporando o vídeo em seu artigo Joomla

Crie um novo artigo ou abra o artigo que contém o vídeo.

Coloque o cursor no local exato onde deseja que o vídeo apareça.

Na barra de ferramentas do editor, clique em Inserir.Na lista suspensa, escolha Mídia.

Botão Inserir, menu suspenso para escolher a mídia

 

Agora você obtém um pop-up. No canto superior esquerdo, você vê Geral está selecionado. Logo abaixo, há Incorporar e Avançado. Escolha Incorporar.

O pop-up de inserção/edição de mídia com opções

O pop-up muda e agora você tem uma área de texto na qual pode colar seu código de incorporação. Clique em Salvar na parte inferior à direita. 

O pop-up fecha e você verá seu vídeo na área de texto do editor.

Vídeo incorporado de back-end de captura de tela

Último passo: salve seu artigo

Salve seu artigo com o botão Salvar no canto superior esquerdo ou o botão Salvar e fechar ao lado dele.

Se você agora verificar o site no front-end, o vídeo deve estar visível.

Captura de tela do vídeo incorporado

Pronto, está tudo pronto!

Antes de decidir me tornar profissional com o Joomla (em 2014), fui escritor/jornalista por 15 anos.

Em 2009 comecei a trabalhar com Joomla, sem saber nada de webdesign. Entrei num JUG em 2012, dois meses depois era co-organizador :) (e fiquei co-organizador durante cerca de cinco anos). Escrevi artigos sobre Joomla num Revista de webdesigners holandeses e palestrante em JUGs e JoomlaDays. Estive na equipe holandesa JoomlaDagen por três anos. Desde 2017 sou membro da equipe organizadora do Joostock (um evento Joomlacamp/unconference).

Eu era o editor da brochura da agência holandesa Joomla, uma brochura que os webdesigners podem usar para convencer seus clientes em potencial de que o Joomla é a escolha certa para eles.

No Joomla Forum for the Future (2020), eu me ofereci para contribuir como autor/blogueiro/ Copiadora.

Eu dirijo uma agência web na Holanda, WebLab42 , com meu parceiro. Criamos e mantemos sites para pequenas empresas e organizações sem fins lucrativos.

Observe que este site usa um sistema de tradução automática para ajudar na tradução para os diferentes idiomas. Pedimos desculpas por qualquer erro ou erro de digitação que possa ser mostrado nos diferentes textos.