AnswerBun.com

Deixar o vídeo ocupando 100% da tela com altura fixa

Stack Overflow em Português Asked by Felipe Henrique on December 2, 2020

Gente gostaria de saber como faço para deixar um video 100% da tela com altura fixa sem que ele fique menor igual a imagem abaixo inserir a descrição da imagem aqui

A ideia é que o vídeo ocupe todo esse espaço em cinza claro se eu deixo o video sem uma altura fica ele fica 100% da tela porem fica com a altura muito grande e se uso um tamanho fixo igual o da imagem ele fica da altura certa do container mais não fica com a largura 100% preenchida segue um pedaço do meu código

<video src="http://localhost/trustech/image/catalog/video-academia.mp4" muted="true" autoplay="true" loop="true" style="width: 100%; height: 500px;">
  Your browser does not support the video tag.
</video>

One Answer

usando css

video {
  position: fixed; /*  absolute ou fixed */
  width: 100%;
  z-index: 20;
  height: 100%;
  left: 0px;
  top: 0px;
}

ou style

  <video style="position: fixed; /*  absolute ou fixed */width: 100%;z-index: 20;height: 100%;left: 0px;top: 0px;" src="http://localhost/trustech/image/catalog/video-academia.mp4" muted="true" autoplay="true" loop="true" style="width: 100%; height: 500px;">

Your browser does not support the video tag.

Answered by Denilson Oliveira on December 2, 2020

Add your own answers!

Related Questions

Qual a diferença entre SMALLINT(3) e INT(3)

4  Asked on August 6, 2020 by leonardo-bonetti

     

Combobox preenchida no formulário de edição

1  Asked on July 28, 2020 by frdmarkes

   

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir