Inserir vídeo na descrição do Grupo

Suporte
1

No momento, você pode incorporar vídeos do YouTube e do Vimeo (e talvez de outros) nos tópicos.

Seria incrível se eu também pudesse incorporar links do YouTube ou do Vimeo nas descrições de grupos (ou seja, na seção “Sobre” dos grupos). Parece que isso ainda não está implementado por padrão — se eu publico um link para um vídeo do YouTube na seção “Sobre”, ele apenas exibe o link, sem realizar a incorporação.

Portanto, presumo que eu precise alterar isso em um tema ou plugin. Até agora, tenho tido dificuldades para fazer funcionar em um plugin. Você tem sugestões ou pseudocódigo que eu possa usar para avançar? Seria extremamente útil para o meu caso de uso.

2

Eu testei isso apenas no meu site local, mas não vejo motivo para não funcionar em um site ao vivo. Você pode adicionar um vídeo do YouTube à descrição de um grupo usando o código de incorporação iframe do YouTube. Para fazer isso, copie o atributo src do iframe de incorporação para a configuração do site iframes permitidos do Discourse. Em seguida, copie o código completo do iframe de incorporação para o formulário “Sobre o Grupo”.

Uma abordagem semelhante deve funcionar para vídeos do Vimeo.

3

Ótima ideia. Obrigado. Vou tentar amanhã. Eu havia tentado inserir o código do iframe diretamente, mas não ajustei também as configurações do site para permitir esse iframe.

4

Como você já tentou adicionar o código do iframe, após adicionar seu src à configuração de ‘iframes permitidos’, pode ser necessário quebrar o cache fazendo uma pequena edição na seção ‘Sobre o Grupo’ e salvando as alterações.

5

Isso está funcionando para o YouTube! Obrigado! Você sabe como tornar o embed responsivo?

Para informação dos outros, isso é o que eu fiz:

  1. Em configurações / iframes permitidos, adicione https://www.youtube.com/embed/
  2. Na descrição do grupo, adicione o código do iframe diretamente (você pode ter que fazer outra alteração no texto e salvá-lo para limpar o cache). Exemplo de código do iframe:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/CTsB-llTzyc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Mas: Como tornar o iframe responsivo? O conselho normal é envolver o iframe em uma div e dar a ele uma classe, como “iframe-container”, e adicionar CSS assim:

.iframe-container {
   overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.iframe-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

Acho que esse CSS é sólido, mas, por algum motivo, quando envolvo meu iframe em uma div na seção “sobre” do grupo e dou a essa div uma classe, a classe não é salva no texto exibido. Portanto, quando olho no inspetor, aparece apenas uma div, sem classe. Assim, o CSS não está sendo aplicado e o iframe não fica responsivo. Alguma ideia de como corrigir?