Problème redimension vidéo

Bonjour,

Voici mon code :
video = document.getElementById("video");
video.height = "510‬";
video.width = "1200";


Et côté HTML :
<div id="videoDiv"><video src="http://cloudghost.000webhostapp.com/ST1-VID1-1.mp4" height="0" width="0" id="video"></video></div>


Le problème, c'est que la vidéo ne s’agrandit pas, mais quand on utilise la console, ça marche.
Pourquoi ?
J'aimerais avoir la réponse au plus vite !
Cordialement.

Et en plus, la largeur est modifiée, mais pas la hauteur...

1 réponse

  1. Modérateur
    Bonjour,
    Où as tu placé ton code js ?
    Il se lance APRES que ton élément html video ait été créé sur ta page ?

    Essaye ça*
    <!DOCTYPE html>
    <html lang="fr">
      <head>
        <meta charset="utf-8">
        <title>TEST</title>
      </head>
      <body>
       <div id="videoDiv">
        <video src="http://cloudghost.000webhostapp.com/ST1-VID1-1.mp4" id="video">
        </video>
       </div>
    
       <script>
    
        var video = document.getElementById("video");
            video.style.height = "510px";
            video.style.width = "1200px";
     
      </script>
    </body>
    </html>
    

    1. Après le code HTML.
    2. Modérateur
      @Neutrino3500si tu testes le code que je t'ai donné...ça devrait fonctionner
    3. @jordane45Je ne vois pas à quel endroit c'est différent.
    4. Modérateur
      @Neutrino3500vu le nombre de lignes dans le code.. il devrait être facile de comparer...
      Au niveau des dimensions, par exemple ( vu que c'est le sujet de ta question en plus.... )