11521 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je débute en Js et je rencontre un problème que j'arrive pas a résoudre.

Pour information j'utilise la version de Fancybox 3.5.7 !

J'ai suivi la documentation qu'ils conseils pour faire apparaître un "#hidden-content" (une vidéo) avec un ID unique. Ensuite j'ai crée un lien dont l'attribut "data-src" correspondant à l'ID de l'élément que je souhaite ouvrir. Tous fonctionne très bien jusque là.

Mais voila je voudrais, que quand, je ferme la boite de dialogue ou se trouve la vidéo et que je l'ouvre a nouveaux je voudrais que la vidéo se lise a partir de 0.00. Hors que actuellement ce n'est pas le cas, elle se lis a partir de la ou j'ai fermé ma fenêtre.

Je vous transmet mon code html, pour le code js, c'est le code brut de Fancybox.

<div class="box">
     <a href="/img/list-video-img1.jpg" data-fancybox data data-src="#v1">
          <img src = "/img/list-video-img1.jpg" alt = "" />
     </a>
     <div class="info">
          <h3>Texte</h3>
     </div>

     <video width="406" height="720"  loop controls id="v1" style="display:none;">
          <source src="/vid/v1.mp4" type="video/mp4">
     </video>
</div>

<div class="box">
     <a href="/img/list-video-img2.jpg" data-fancybox data data-src="#v2">
          <img src = "/img/list-video-img2.jpg" alt = "" />
     </a>
     <div class="info">
          <h3>Texte</h3>
     </div>

     <video width="406" height="720"  loop controls id="v2" style="display:none;">
          <source src="/vid/v2.mp4" type="video/mp4">
     </video>
</div>

<div class="box">
     <a href="/img/list-video-img3.jpg" data-fancybox data data-src="#v3">
          <img src = "/img/list-video-img3.jpg" alt = "" />
     </a>
     <div class="info">
          <h3>Texte</h3>
     </div>

     <video width="406" height="720"  loop controls id="v3" style="display:none;">
          <source src="/vid/v3.mp4" type="video/mp4">
     </video>
</div>


Si l'un d'entre vous pouvez m'aider dans ce que je souhaite faire, je vous en remercie par avance
Modifié par Azazel_ (27 Jun 2020 - 17:45)
Modérateur
Et l'eau,

Regarde la docde fancybox. Il doit bien y avoir une méthode de callback te permettant de de faire un reset sur ta vidéo. Pour ta vidéo, regarde du côté de la mdn pour gérer celle ci en js.