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

As predefinições do visualizador de vídeo HTML5 do Dynamic Media Classic são players de vídeo robustos. No lado de design do reprodutor, é possível criar a funcionalidade inteira do reprodutor de vídeo usando ferramentas de desenvolvimento da Web padrão. Por exemplo, você pode projetar os botões, controles e o plano de fundo personalizado da imagem de pôster usando HTML5 e 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 (streaming de vídeo adaptável). Ou, se esse método de delivery não estiver presente, o HTML5 progressivo será usado.

Ao combinar em um único reprodutor as seguintes capacidades:

  • Componentes de reprodução criados com HTML5 e CSS
  • Reprodução incorporada
  • Uso de streaming adaptável e progressivo 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 de dispositivos móveis. Você também garante uma experiência em vídeo simplificada.

Consulte também Sobre visualizadores HTML5 no Guia de referência de visualizadores do Adobe.

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

Para streaming de vídeo adaptável para desktop e dispositivos móveis, os vídeos usados para alternância de taxa de bits são baseados em todos os vídeos MP4 no Adaptive Video Set.

A reprodução de vídeo ocorre usando HLS ou vídeo progressivo. O HLS (HTTP Live Streaming) é um padrão da Apple para streaming de vídeo adaptável que ajusta automaticamente a reprodução com base na capacidade da largura de banda da rede. Ele também permite que o cliente "procure" em qualquer ponto do vídeo, sem precisar aguardar o download do restante do vídeo. Consulte também HTTP Live Streaming. O vídeo progressivo é fornecido pelo download e armazenamento local do vídeo 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 usando o 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 superior Transmissão de vídeo HLS.
Desktop Cromo Transmissão de vídeo HLS.
Desktop Safari (Mac) Transmissão de vídeo HLS.
Celular Chrome (Android™ 6 ou anterior) Download progressivo.
Celular Chrome (Android™ 7 ou posterior) Transmissão de vídeo HLS.
Celular Android™ (Navegador padrão) Download progressivo.
Celular Safari (iOS) Transmissão de vídeo HLS.
Celular Chrome (iOS) Transmissão de vídeo HLS.
Celular BlackBerry® Transmissão de vídeo HLS.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now