# Adicionar vídeo de fundo a certos perfis de usuário?

**URL:** <https://meta.discourse.org/t/add-background-video-to-certain-user-profiles/210916>\
**Category:** Development\
**Created:** [Dezembro 2, 2021, 6:57pm UTC](https://meta.discourse.org/t/add-background-video-to-certain-user-profiles/210916 "2021-12-02T18:57:15Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)\
**Post date:** [Dezembro 2, 2021, 6:57pm UTC](https://meta.discourse.org/t/add-background-video-to-certain-user-profiles/210916/1 "2021-12-02T18:57:16Z")

</div>

Estou tentando adicionar um vídeo às páginas de perfil de usuários específicos, de modo que todos os nossos patronos tenham um certo vídeo de fundo em seu perfil. (Antes que você se assuste, seria apenas uma animação em loop, não um vídeo completo - deve ficar muito bom, semelhante aos [fundos de perfil do Steam](https://steamcommunity.com/id/Doovvaahhkiinn/).)

O seguinte código HTML e CSS funciona para _todos_ os usuários - mas obviamente não é o que estamos buscando:

```plaintext
// Isso vai na aba "Header"

<video playsinline autoplay muted loop id="myVideo" poster="[INSERIR LINK]">
	<source src="[INSERIR LINK]" type="video/webm">
	<source src="[INSERIR LINK]" type="video/mp4">
</video>

```

```css
#myVideo {
  position: fixed;
  top: 63px;
  min-height: 1080px;
  margin-left: 50vw;
  transform: translate(-50%);
}

.user-content
{
    background: none;
}

.user-main .about.has-background .details {
    padding-bottom: 15px;
}
.user-main .about
{
    margin-bottom: 0px;
}
.user-content-wrapper
{
    background: rgba(var(--secondary-rgb), 0.8);
}

```

Ao contrário de usar `body.category-general` para adicionar uma imagem apenas às páginas da categoria “geral”, não parecem haver slugs específicos atribuídos às páginas de perfil de usuários de um grupo específico ou de um nome de usuário específico. Somos bem novos nisso e temos mais experiência com CSS do que com trabalho direto em HTML, e por isso não temos certeza se existe uma maneira fácil/conveniente de fazer isso funcionar como gostaríamos.

Imaginamos que a melhor abordagem seria adicionar um slug semelhante para perfis de usuários com base em seu grupo, mas não temos certeza de como fazer isso e como fazer o vídeo aparecer apenas nas páginas com o conteúdo correto, e também não estamos comprometidos em usar especificamente essa abordagem se existir outro método mais fácil.

Por exemplo, também estaríamos abertos à ideia de fazer isso por usuário, em vez de por grupo, se isso for de alguma forma mais fácil.

Apenas preferiríamos não ter que codificar o vídeo em _cada_ página, para que ele só carregue quando você estiver no(s) usuário(s) específico(s) em questão.

**Editar:** Eu deveria notar que estamos na branch estável, caso isso mude alguma coisa.

---

_[View the full topic](https://meta.discourse.org/t/add-background-video-to-certain-user-profiles/210916)._