Vidéo HTML5 dans un div

Résolu
Bonjour,
sur mon site, j'ai une vidéo grâce à la balise video en html. Cette balise est placée dans un div pour des raisons de placement.
Mais le problème, c'est que je ne peux pas utiliser la barre controls de la vidéo à travers le div.
Lorsque je passe sur la vidéo, la barre n'apparaît pas. Et à la fin de la vidéo, lorsque la barre est visible, je ne peux pas cliquer dessus.
Comment puis-je faire pour utiliser cette barre controls à travers le div ?
Merci d'avance pour vos réponses !

4 réponses

  1. Contributeur
    'lut, ça, ça veut dire que tu as un autre div au dessus de ta vidéo, et pas juste la contenant. Il faut que tu retires cet élément.
    1. Apprends à utiliser l'explorateur d'élément de Firefox, il te permettra de comprendre rapidement ce qui cloche:
      https://developer.mozilla.org/fr/docs/Outils/Inspecteur

      Un équivalent existe sous chrome, bien entendu !
      https://www.alsacreations.com/astuce/lire/1649-decouvrez-inspecteur-element-responsive-google-chrome.html

      ------------------------------------------------------------------------------------
      "La peur mène à la colère. La colère mène à la haine. Et la haine ... mène à la souffrance." - Yoda
      1. Contributeur
        En 3 mots: Ctrl+Shift+I. (sur les deux navigateurs)
      2. @ElementWCool ça, je ne connaissait pas...
        clic droit => examiner l'élément sinon
    2. Oui oui je sais, je l'ai fait consciemment ! La vidéo est contenue dans le div ! Donc lorsque je passe la souris sur la vidéo, je la passe sur le div en fait c'est ça mon problème, désolé si je ne l'ai pas assez explicité !
      Mais enlever le div ça représente pas mal de boulot en placement derrière, alors si je peux éviter ça, ça m'arrangerait !
      1. non, on parle d'un autre élément par dessus cette div !
        Utilise la vision 3D de l'inspecteur d'élément, c'est très utile pour visualiser l'ensemble
    3. bon finalement je n'ai pas vraiment trouvé ce qui était par dessus mais j'ai quand même résolu le problème avec z-index, ça fonctionne !
      1. Tant mieux alors :)