Práticas recomendadas para usar o visualizador de vídeo HTML5

Última atualização: 20 de julho de 2024
  • Tópicos:

Criado para:

  • Intermediário
  • Usuário

As predefinições do visualizador de vídeo Adobe Dynamic Media Classic HTML5 são players de vídeo robustos. No lado do design do reprodutor, é possível criar toda a funcionalidade dele usando as ferramentas padrão de desenvolvimento para Web. Por exemplo, você pode projetar os botões, os controles e o plano de fundo personalizado da imagem de pôster usando o HTML5 e o CSS para ajudar você a alcançar seus clientes com uma aparência personalizada.

No lado da reprodução do visualizador, ele detecta automaticamente o recurso de vídeo do navegador. Em seguida, ele serve o vídeo usando HLS (HTTP Live Streaming), também conhecido como transmissão de vídeo adaptável. Ou, se esse método de delivery não estiver presente, será usado o HTML5 progressive.

Ao combinar em um único jogador as seguintes habilidades:

  • Componentes de reprodução projetados usando HTML5 e CSS
  • Reprodução incorporada
  • Uso de transmissão adaptável e progressiva com base na capacidade do navegador

Você estende o alcance do seu conteúdo de mídia avançada para usuários de desktop e dispositivos móveis. Você também garante uma experiência de vídeo otimizada.

Consulte também Sobre o HTML5 Viewers no Guia de Referência do Adobe Viewers.

Consulte também o vídeo de treinamento Predefinições do visualizador.

Reprodução de vídeo em computadores desktop e dispositivos móveis usando o Adobe Dynamic Media Classic Video Viewer

Para streaming de vídeo adaptável de desktop e móvel, os vídeos usados para a alternância da taxa de bits são baseados em todos os vídeos MP4 no Conjunto de vídeos adaptados.

A reprodução de vídeo ocorre usando HLS ou vídeo progressivo. HLS (HTTP Live Streaming) é um padrão da Apple para transmissão de vídeo adaptável que ajusta automaticamente a reprodução com base na capacidade de largura de banda da rede. Ele também permite que o cliente "procure" qualquer ponto do vídeo, sem a necessidade de aguardar o download do restante do vídeo. Consulte também HTTP Live Streaming. O vídeo progressivo é fornecido ao baixar e armazenar o vídeo localmente na tela de desktop de um usuário ou no dispositivo móvel.

A tabela a seguir descreve o dispositivo, o navegador e o método de reprodução de vídeos em computadores desktop e dispositivos móveis que usam o Adobe Dynamic Media Classic Video Viewer.

DispositivoNavegadorModo de reprodução de vídeo
DesktopInternet Explorer 9 e 10Download progressivo.
DesktopInternet Explorer 11+Transmissão de vídeo HLS.
DesktopFirefox 23-44Download progressivo.
DesktopFirefox 45 ou posteriorTransmissão de vídeo HLS.
DesktopChromeTransmissão de vídeo HLS.
DesktopSafari (Mac)Transmissão de vídeo HLS.
Dispositivo móvelChrome (Android™ 6 ou anterior)Download progressivo.
Dispositivo móvelChrome (Android™ 7 ou posterior)Transmissão de vídeo HLS.
Dispositivo móvelAndroid™ (navegador padrão)Download progressivo.
Dispositivo móvelSafari (iOS)Transmissão de vídeo HLS.
Dispositivo móvelChrome (iOS)Transmissão de vídeo HLS.
Dispositivo móvelBlackBerry®Transmissão de vídeo HLS.

Dynamic Media Classic