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.