HTML5 - Problemas ao carregar tag <video> no Google Chrome

Fajan · 5 de agosto de 2015

Prezados, estou com um grande problema e se possível conto com a ajuda dos senhores.

Na verdade nem sei se estou no lugar correto pois não utilizo muito Fóruns para perguntar (geralmente encontro soluções pela internet mas dessa vez a coisa complicou).

Eu tenho um site com vídeo-aulas e recentemente mudei todos os vídeos de flv para mp4 para deixar de utilizar o Flash Player e começar a trabalhar com a tag video do html5.

Isso porque alguns navegadores não se comportavam bem com o Flash e também smartphones no geral.

O problema é que em meus testes funcionou perfeitamente, mas comecei à receber algumas mensagens de clientes que estavam com dificuldades, os vídeos estavam travando depois de uns 10 ou 15 minutos de reprodução, e como eu disse, em meus testes estava tudo certo.

Eu utilizo um MacBook Pro e os testes iniciais foram utilizando o Safari, depois de alguns casos eu resolvi testar no Chrome em um Windows e realmente notei o seguinte problema:

- Quando a página com o vídeo abre, se eu clicar na metade ou no final do video ele vai "pular" para aquele trecho normalmente e funciona, mas se deixar o vídeo "rolando" ele realmente trava depois de alguns minutos, como se tivesse utilizado um STOP pois além de para a barra de rolagem volta para 0:00.

Testei então com o Firefox no mesmo computador com Windows 7 e funcionou perfeitamente, ou seja, o problema provavelmente está no Google Chrome do Windows que por algum motivo para a reprodução do vídeo sem mais nem menos.

Caso queiram, eu posso enviar um link com um vídeo para testarem (a página em questão é restrita à clientes mas eu crio uma página aberta para que possam testar se precisar).

Obrigado a todos e grande abraço!

Rachel5H · 5 de agosto de 2015

Prezados, estou com um grande problema e se possível conto com a ajuda dos senhores.

Na verdade nem sei se estou no lugar correto pois não utilizo muito Fóruns para perguntar (geralmente encontro soluções pela internet mas dessa vez a coisa complicou).

Eu tenho um site com vídeo-aulas e recentemente mudei todos os vídeos de flv para mp4 para deixar de utilizar o Flash Player e começar a trabalhar com a tag video do html5.

Isso porque alguns navegadores não se comportavam bem com o Flash e também smartphones no geral.

O problema é que em meus testes funcionou perfeitamente, mas comecei à receber algumas mensagens de clientes que estavam com dificuldades, os vídeos estavam travando depois de uns 10 ou 15 minutos de reprodução, e como eu disse, em meus testes estava tudo certo.

Eu utilizo um MacBook Pro e os testes iniciais foram utilizando o Safari, depois de alguns casos eu resolvi testar no Chrome em um Windows e realmente notei o seguinte problema:

- Quando a página com o vídeo abre, se eu clicar na metade ou no final do video ele vai "pular" para aquele trecho normalmente e funciona, mas se deixar o vídeo "rolando" ele realmente trava depois de alguns minutos, como se tivesse utilizado um STOP pois além de para a barra de rolagem volta para 0:00.

Testei então com o Firefox no mesmo computador com Windows 7 e funcionou perfeitamente, ou seja, o problema provavelmente está no Google Chrome do Windows que por algum motivo para a reprodução do vídeo sem mais nem menos.

Caso queiram, eu posso enviar um link com um vídeo para testarem (a página em questão é restrita à clientes mas eu crio uma página aberta para que possam testar se precisar).

Obrigado a todos e grande abraço!

Manda o link do vídeo e uma parte do código como exemplo

Fajan · 5 de agosto de 2015

Manda o link do vídeo e uma parte do código como exemplo

Obrigado pelo retorno, vamos lá então:

Conforme combinado, fiz uma página de teste (somente com o vídeo mesmo) para pode acessar sem login ok.

www.agpmotivacao.com.br/cursoagp/exemplo.php

--

Agora quanto ao código, a diferença básica da página original para essa está na $videoId que nesse caso eu determinei exatamente um Id mas na página correta (aula.php) eu informo através de um GET que é enviado ao clicar em uma das opções listadas.

Sendo assim, o aluno acessa uma lista de aulas e ao clicar em uma opção é enviado à página aulas.php?id=***

Essa parte tá tranquilo pois funciona, o vídeo é carregado normal então com certeza o problema não é aqui, por isso acredito que não tem problema mudar essa parte certo.

O código na verdade é muito simples:

--

CODIGO PHP

<?$videoId = "aula_completa_autoestima";?>

CSS

<style>.videoAula {width:700px;height:394px;border:1px solid #EEE;box-shadow:0px 5px 5px #333;margin-right:20px;float:left;}</style>

HTML

<div class="videoAula"><video controls="controls" autoplay="autoplay">  <source src="http://www.cursoagp.com.br/videos/<? echo $videoId; ?>.mp4" type="video/mp4" /></video></div>

--

Obs. Conforme explicado, se abrir o vídeo, aguardar o carregamento e clicar para avançar na barra de progresso ele vai normal, até o final avançando sem problemas.

O problema é quando abre a página e simplesmente "deixa rolar"... o que obviamente é feito pelos alunos que vão assistir a palestra, e é aí que está o problema... pois após uns 5 ou 10 minutos de vídeo ele para, sem explicação.

Se puder deixar rolando aí com o audio ligado para testar me ajuda muito, grande abraço!

DiF · 5 de agosto de 2015

@Fajan

Que coisa louca isso. Eu testei, aos 4 minutos deu uma pane na imagem, ficou pixelada meio verde.. por alguns segundos.. depois voltou ao normal mas o audio ficou fora de sincronia com a imagem.

O problema podem ser N fatores... desde um Bug no chrome até um possível arquivo de vídeo corrompido.( acontece as vezes quando envia ao servidor.. ou passa para um pendrive.. ou baixa um arquivo em qualidades ruins de conexão)

Fajan · 6 de agosto de 2015

@Fajan

Que coisa louca isso. Eu testei, aos 4 minutos deu uma pane na imagem, ficou pixelada meio verde.. por alguns segundos.. depois voltou ao normal mas o audio ficou fora de sincronia com a imagem.

O problema podem ser N fatores... desde um Bug no chrome até um possível arquivo de vídeo corrompido.( acontece as vezes quando envia ao servidor.. ou passa para um pendrive.. ou baixa um arquivo em qualidades ruins de conexão)

Muito obrigado pelo retorno,

Então, acredito que seja mais um bug do Chrome mesmo viu, pois em outros navegadores funciona corretamente.

Muito estranho né... mas enfim, o jeito vai ser indicar o Firefox para os alunos mesmo.

Muito obrigado pelo força, grande abraço!

navegador2 · 7 de agosto de 2015

No meu Chrome funcionou perfeitamente, mas minha versão é atualizada, uso Versão 44.0.2403.130 m (64-bit), nela até aparece um sinal verde dizendo que a versão esta atualizada. Tente atualizar o Chrome e sugira aos alunos fazerem o mesmo eles so tem a ganhar com isto, independente deste problema.

Outra dica sugiro a você entrar em contato com o pessoal do google e relate o problema assim eles podem resolver o bug nas versões anteriores, hoje não é interessante ficar indicando navegadores porque cada um tem uma preferêncica.

DiF · 7 de agosto de 2015

@navegador2

O meu também está atualizado.

E também não adianta muito falar com o "pessoal" do google. se eles nem resolveram o bug do background attachament fixed até agora.. imagina isso

Fajan · 7 de agosto de 2015

No meu Chrome funcionou perfeitamente, mas minha versão é atualizada, uso Versão 44.0.2403.130 m (64-bit), nela até aparece um sinal verde dizendo que a versão esta atualizada. Tente atualizar o Chrome e sugira aos alunos fazerem o mesmo eles so tem a ganhar com isto, independente deste problema.

Outra dica sugiro a você entrar em contato com o pessoal do google e relate o problema assim eles podem resolver o bug nas versões anteriores, hoje não é interessante ficar indicando navegadores porque cada um tem uma preferêncica.

@navegador2

O meu também está atualizado.

E também não adianta muito falar com o "pessoal" do google. se eles nem resolveram o bug do background attachament fixed até agora.. imagina isso

Pois é... aqui também está atualizado mas infelizmente ocorre esse Bug... vai entender...

A versão que está instalada é a 44...... e ele diz que já está atualizado... tudo ok mesmo.

Quanto ao enviar mensagem ao Google, na verdade eu enviei já no primeiro dia explicando o problema mas realmente acredito que isso não será corrigido, pelo menos por enquanto não.

O jeito é fazer testes em outros navegadores para confirmar se isso ocorre somente no Chrome mesmo... e se for assim, a única saída será indicar qualquer navegador com exceção do chrome sei lá.

Muito obrigado pela ajuda de todos, grande abraço!