Skip to main content
3 de 3
removeu 77 caracteres do conteúdo
Oralista de Sistemas
  • 23,7mil
  • 7
  • 66
  • 126

Otimizar vídeo em HTML 5

Estou desenvolvendo um site. Em cada header desse site vai ter um vídeo, seria o mesmo vídeo para todos os 'headers'. Utilizei a tag video do HTML5 mesmo ficou e assim:

<div class="video-institutional hidden-xs hidden-sm">
    <video muted autoplay>
        <source src="images/video/about-video.mp4" type="video/mp4">
        Seu navegador não suporta esse formato de vídeo
    </video>
    <div class="text-video">
        <h2 class="title">Bem-vindo! Somos a Deep Ocean</h2>
        <p class="description">A Deep Ocean é uma agência de comunicação especializada no planejamento estratégico, criação e marketing, principalmente para projetos que fazem uso da plataforma interativa, em especial a internet.</p>
        <a href="#sobre-deep" class="prt_btn about-btn">Conheça nossa história</a>
    </div>
</div>

Esse vídeo pesa 23 mega. no localhost já estou vendo que ele está travando bastante, imagina quando colocar isso na hospedagem. O que me recomendam fazer para que isso não influencie no carregamento da minha página? Já dei uma diminuída na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23 mega pois pesava mais antes.

Felipe Henrique
  • 2,1mil
  • 3
  • 25
  • 54