Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Bootstrap - colocar texto em cima do vídeo

Referente ao curso Bootstrap: criação de uma single-page responsiva

por Estudante
| 231.9k xp | 114 posts

Gostaria de saber como faço pra colocar texto no centro do video?

 <div class="yt-container">

         <video class="img-responsive" src="video/sp.mp4" autoplay loop />

   </div>
.yt-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:0px;
    height:0;
    overflow:hidden;
}

.yt-container video, .yt-container object, .yt-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
4 respostas
por Nikolai Cinotti
| 433.6k xp | 424 posts
Alura Scuba Team

Olá Nicolle,

Não entendi sua dúvida, você quer colocar um texto da box de vídeo? como se fosse uma legenda?

por Estudante
| 231.9k xp | 114 posts

Ola nikolai , tenho um video e gostaria um texto em cima deste video coo uma imagem com um titulo em cima como faço

por douglas.waltricke
| 174.1k xp | 63 posts

Faz um span e coloca ele como absolute. E posiciona em relação ao container que é pai do container do video, no seu caso "yt-container"

Exemplo

<div class="yt-container">
<span class="marca-dagua">Minha marca</span>
             <video class="img-responsive" src="video/sp.mp4" autoplay loop />

   </div>
CSS
marca-dagua{
position:absolute;
width:100%;
text-align:center;
z-index:999;   //para sobrepor o video
}
solução!
por Estudante
| 231.9k xp | 114 posts

Ola douglas nao deu certo