- Agora o Chrome desativa as faixas de vídeo quando um vídeo MSE é reproduzido em segundo plano para otimizar o desempenho.
- O vídeo vai entrar em tela cheia quando o dispositivo for girado.
Otimizações de faixa de vídeo em segundo plano (somente EQM)
Para melhorar a duração da bateria, agora o Chrome desativa as faixas de vídeo quando o vídeo é reproduzido em segundo plano (por exemplo, em uma guia não visível) caso o vídeo use extensões de fonte de mídia (MSE, na sigla em inglês).
Você pode inspecionar essas alterações acessando a página chrome://media-internals e filtrando a propriedade "info". Quando a guia que contém um vídeo em reprodução
ficar inativa, você verá uma mensagem como Selected video track: []
indicando que a faixa do vídeo foi desativada. Quando a guia for reativada, a faixa de vídeo será reativada automaticamente.
chrome://media-internals
Para quem quer entender o que está acontecendo, aqui está um snippet de código JavaScript que mostra o que o Chrome está fazendo nos bastidores.
var video = document.querySelector('video');
var selectedVideoTrackIndex;
document.addEventListener('visibilitychange', function() {
if (document.hidden) {
// Disable video track when page is hidden.
selectedVideoTrackIndex = video.videoTracks.selectedIndex;
video.videoTracks[selectedVideoTrackIndex].selected = false;
} else {
// Re-enable video track when page is not hidden anymore.
video.videoTracks[selectedVideoTrackIndex].selected = true;
}
});
Você pode reduzir a qualidade do stream de vídeo quando a faixa de vídeo está desativada. Para detectar quando uma página está oculta, basta usar a API Page Visibility, conforme mostrado acima.
Veja algumas restrições:
- Essa otimização só se aplica a vídeos com uma distância de frames-chave inferior a 5s.
- Se o vídeo não tiver faixas de áudio, ele será pausado automaticamente quando reproduzido em segundo plano.
Vídeo em tela cheia automático quando o dispositivo é girado
Se você girar um dispositivo para o modo paisagem enquanto um vídeo estiver sendo reproduzido na janela de visualização, a reprodução mudará automaticamente para o modo de tela cheia. Gire o dispositivo para o modo retrato coloca o vídeo de volta no modo de janela.
Esse comportamento pode ser implementado manualmente. Consulte o artigo Reprodução de vídeos na Web para dispositivos móveis.
Esse comportamento mágico só acontece quando:
- O dispositivo é um smartphone Android (não um tablet).
- a orientação da tela do usuário estiver definida como "Girar automaticamente";
- o tamanho do vídeo é de pelo menos 200 x 200 px
- o vídeo usa controles nativos
- vídeo em reprodução
- pelo menos 75% do vídeo está visível (na tela)
- a orientação gira em 90 graus (não 180 graus)
- Ainda não há elemento de tela cheia
- A tela não está bloqueada usando a API Screen Orientation