- O Chrome agora desativa faixas de vídeo quando um vídeo do MSE é reproduzido em segundo plano para otimizar o desempenho.
- O vídeo ficará em tela cheia quando o dispositivo for girado.
Otimizações de faixa de vídeo em segundo plano (somente MSE)
Para melhorar a duração da bateria, o Chrome agora desativa 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 mudanças 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 de vídeo foi desativada. Quando a guia fica ativa novamente, a faixa de vídeo é reativada automaticamente.
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. Seria tão simples quanto usar a API Page Visibility mostrado acima para detectar quando uma página está oculta.
Confira algumas restrições:
- Essa otimização só se aplica a vídeos com uma distância de frame-chave menor que 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 vai mudar automaticamente para o modo de tela cheia. Girar o dispositivo para retrato coloca o vídeo de volta no modo de janela.
Você pode implementar esse comportamento manualmente. Consulte o artigo Reprodução de vídeos da 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
- 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á um elemento de tela cheia
- a tela não está bloqueada usando a API Screen Orientation