Pessoal precisava de uma ajuda de vocês, estouEstou desenvolvendo um site novo para minha agência e em. 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>
<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>
Só que esseEsse vídeo pesa 23MB,23 mega. no localhost
já estou vendo que ele está travando bastante, imagina quando colocar isso na hospedagem, o. O que me recomendam fazer para que isso não influencie no carregamento da minha página? jáJá dei uma diminuída na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23MB23 mega pois pesava mais antes.