Skip to main content
Tweeted twitter.com/StackOverflowPT/status/941181523495215104
removeu 77 caracteres do conteúdo
Fonte Link
Oralista de Sistemas
  • 23,7mil
  • 7
  • 66
  • 126

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? dei uma diminuída na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23MB23 mega pois pesava mais antes.

Pessoal precisava de uma ajuda de vocês, estou desenvolvendo um site novo para minha agência e 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>

Só que esse vídeo pesa 23MB, 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? dei uma diminuída na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23MB pois pesava mais antes.

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? dei uma diminuída na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23 mega pois pesava mais antes.

removeu 137 caracteres do conteúdo
Fonte Link
Renan Gomes
  • 19,3mil
  • 8
  • 54
  • 114
<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 esse vídeo pesa 23 mega23MB, 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 diminuidadiminuída na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23 mega23MB pois pesava mais antes.

<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 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 diminuida na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23 mega pois pesava mais antes.

<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 esse vídeo pesa 23MB, 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 23MB pois pesava mais antes.

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

Otimizar vídeo em HTML 5

Pessoal precisava de uma ajuda de vocês, estou desenvolvendo um site novo para minha agência e 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>

Só que 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 diminuida na qualidade para poder ficar com menor peso, por isso tem esse tamanho de 23 mega pois pesava mais antes.