quero mudar o width de um vídeo usando o JavaScript, se o vídeo foi gravado em pé ele fica com 30% de width e se foi gravado deitado fica com 50%. quero alterar apenas usando JS.
quero mudar o width de um vídeo usando o JavaScript, se o vídeo foi gravado em pé ele fica com 30% de width e se foi gravado deitado fica com 50%. quero alterar apenas usando JS.
Oi, Davy! Tudo bem?
Desculpa a demora por um retorno.
Para modificarmos a largura (width
) de um elemento usando JavaScript, podemos usar a propriedade style.width
do objeto do elemento.
Por exemplo, se você quiser alterar a largura de um elemento com id myElement
, podemos fazer o seguinte:
// seleciona o elemento pelo id
var elem = document.getElementById("myElement");
// altera a largura usando a propriedade style
elem.style.width = "50%";
Aqui, estamos selecionando o elemento usando o método getElementById
do objeto document
e armazenando-o na variável elem
. Em seguida, estamos alterando a largura do elemento usando a propriedade style.width
e definindo seu valor como "50%".
Entretanto, para alterar a largura de um elemento, de acordo com a condição se ele está em pé ou deitado, devemos executar uma estrutura condicional antes de aplicarmos a propriedade style.width
.
Dessa forma, atribuindo o id "myVideo
" para o elemento video, podemos deixar o nosso código da seguinte maneira:
// seleciona o elemento de vídeo pelo id
var video = document.getElementById("myVideo");
// obtém a largura e a altura do vídeo
var videoWidth = video.videoWidth;
var videoHeight = video.videoHeight;
if(videoHeight > videoWidth){
video.style.width = "30%";
}else
if(videoHeight < videoWidth){
video.style.width = "50%";
}
Espero ter ajudado! Um forte abraço e bons estudos!