Problème redimension vidéo

Signaler
Messages postés
25
Date d'inscription
lundi 11 novembre 2019
Statut
Membre
Dernière intervention
10 février 2020
-
jordane45
Messages postés
27590
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
18 février 2020
-
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

Messages postés
27590
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
18 février 2020
2 113
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>

Cordialement,
Jordane
Neutrino3500
Messages postés
25
Date d'inscription
lundi 11 novembre 2019
Statut
Membre
Dernière intervention
10 février 2020

Après le code HTML.
jordane45
Messages postés
27590
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
18 février 2020
2 113 > Neutrino3500
Messages postés
25
Date d'inscription
lundi 11 novembre 2019
Statut
Membre
Dernière intervention
10 février 2020

si tu testes le code que je t'ai donné...ça devrait fonctionner