Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
bom dia
eu consegui fazer a largura do video que fica dentro da tag <video> ser ajustada dinamicamente porem a altura soh muda de acordo com a largura eh possivel fixar um valor para altura e largura do video nessa tag?
<video width="100%" height="100%">
<source src="video.mp4" type="video/mp4">
<video>>
Provavelmente você teria que gerar um cálculo de escala.
Já abriu um vídeo em fullscreem na sua tela e ele ficou com a lateral preta? Então é mais ou menos isso. Ele tem pré definido uma defesa contra distorções.
Porém creio que a altura 100% não funcione muito bem, Já tive que criar script para pegar a altura da tela do usuário e jogar como a altura da DIV.
Veja qual é a sua resolução e experimente, em vez de 100%, colocar ela fixa. Se o resultado for o que você espera faça um script para pegar a altura do navegador de forma dinâmica e aplicar na altura da tag.
tem exemplo?
de uma forma vem simplificada
$('video').css('height',''+$(document).height()+'px');
Provavelmente você teria que gerar um cálculo de escala.
Já abriu um vídeo em fullscreem na sua tela e ele ficou com a lateral preta? Então é mais ou menos isso. Ele tem pré definido uma defesa contra distorções.
Porém creio que a altura 100% não funcione muito bem, Já tive que criar script para pegar a altura da tela do usuário e jogar como a altura da DIV.
Veja qual é a sua resolução e experimente, em vez de 100%, colocar ela fixa. Se o resultado for o que você espera faça um script para pegar a altura do navegador de forma dinâmica e aplicar na altura da tag.