1
resposta

como modificar o width de um video usando javaScript

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.

1 resposta

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!

Caso este post tenha te ajudado, por favor, marcar como solucionado ✓