breves.pt

Ajustar altura de elementos de vídeo responsivamente

Ver:   País  |  Outro Concelho

Resumo

Este é um script em JavaScript que ajusta a altura de elementos de vídeo responsivamente com base na largura do elemento pai.

Mais Detalhe

Este script em JavaScript ajusta a altura de elementos de vídeo responsivamente com base na largura do elemento pai. Desta forma, é possível garantir que os vídeos mantenham a proporção correta em diferentes tamanhos de ecrã. O código funciona verificando cada elemento com a classe 'flex-video' e aplicando a altura correta com base no atributo 'data-ratio' definido. Se o valor for '4:3', a altura será calculada como 3/4 da largura, se for '16:9', a altura será calculada como 9/16 da largura e, caso contrário, a altura será igual à largura. O script é executado quando a janela é redimensionada, garantindo que os elementos de vídeo mantenham a proporção adequada em todos os tamanhos de ecrã.

Notícia Original

Contacte-nos:
Reportar
 

Esteja sempre atualizado

Assine a nossa Newsletter e receba todas as novidades no seu email