Função 'reportWindowSize' para redimensionar vídeos
Ver: País | Outro Concelho
Resumo
A função 'reportWindowSize' é uma função JavaScript utilizada para redimensionar vídeos de acordo com a largura da janela. Ela seleciona todos os elementos com a classe 'flex-video' e verifica se o atributo 'data-ratio' é igual a '4:3' ou '16:9'. Com base nisso, define a altura do elemento de vídeo proporcionalmente à largura da janela.
Mais Detalhe
A função 'reportWindowSize' é uma função JavaScript utilizada para redimensionar vídeos de acordo com a largura da janela. Ela utiliza o método querySelectorAll para selecionar todos os elementos com a classe 'flex-video' no documento HTML. Em seguida, itera sobre cada um desses elementos utilizando um loop for...of. Dentro do loop, verifica-se se o valor do atributo 'data-ratio' é igual a '4:3', '16:9' ou outro valor qualquer. Caso seja '4:3', a altura do elemento é definida como sendo 3/4 da sua largura. Se for '16:9', a altura é definida como sendo 9/16 da largura. Caso contrário, ou seja, se for qualquer outro valor de 'data-ratio', a altura é definida igual à largura do elemento. Por fim, é atribuído o valor da altura calculada ao estilo CSS do elemento de vídeo. Essa função é chamada quando ocorre o evento 'resize' da janela, o que significa que ela será executada sempre que a janela for redimensionada, garantindo que os vídeos sejam exibidos corretamente independentemente da resolução ou do tamanho da janela.
Notícia Original
Contacte-nos:
Reportar
Reportar
Esteja sempre atualizado
Assine a nossa Newsletter e receba todas as novidades no seu email