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

Última atualização em 2023-06-30
  • Tópicos
  • Dynamic Media Classic
    Exibir mais informações sobre este tópico
  • Viewers
    Exibir mais informações sobre este tópico
  • Video
    Exibir mais informações sobre este tópico
  • Criado para:
  • Intermediate
    User

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 na 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 visualizadores do HTML5 no Guia de referência de visualizadores do Adobe.

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

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 do 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.

Dispositivo Navegador Modo de reprodução de vídeo
Desktop Internet Explorer 9 e 10 Download progressivo.
Desktop Internet Explorer 11+ Transmissão de vídeo HLS.
Desktop Firefox 23-44 Download progressivo.
Desktop Firefox 45 ou posterior Transmissão de vídeo HLS.
Desktop Cromo Transmissão de vídeo HLS.
Desktop Safari (Mac) Transmissão de vídeo HLS.
Dispositivo móvel Chrome (Android™ 6 ou anterior) Download progressivo.
Dispositivo móvel Chrome (Android™ 7 ou posterior) Transmissão de vídeo HLS.
Dispositivo móvel Android™ (navegador padrão) Download progressivo.
Dispositivo móvel Safari (iOS) Transmissão de vídeo HLS.
Dispositivo móvel Chrome (iOS) Transmissão de vídeo HLS.
Dispositivo móvel BlackBerry® Transmissão de vídeo HLS.

Nesta página