0
votes

Comment faire une lecture vidéo lorsque vous ouvrez une boîte modale à l'aide de JavaScript?

J'ai mis en place une page vidéo pour mon site Web et j'essaie de le rendre supplémentaire en utilisant JavaScript! ... Malheureusement, je crains complètement à JavaScript! Ok, alors voici mon problème:

J'ai réussi à créer une boîte modale avec une animation d'ouverture à l'aide de HTML et CSS, maintenant ce que je veux arriver est dès que je clique sur les vignettes vidéo La vidéo commence la lecture et quand je Cliquez sur le bouton Fermer, la vidéo cesse de jouer ou des pauses, j'ai réussi à le faire fonctionner en utilisant des commandes "OnClick" ... mais cela ne fonctionne que pour une vidéo!

J'ai essayé de configurer des vidéos avec plusieurs identifiants et plusieurs vars vars, mais aucun d'entre eux ne fonctionne, à un moment donné, je l'ai fait pour que toutes les vidéos commencent à jouer à la fois même si je n'avais qu'une seule boîte modale ouverte ... lol

Voici un Snipet de mon code actuel: xxx xxx

Voici la page Web elle-même si vous avez besoin de contexte plus important: https://sononique.retro-media.net/videos/tsr.php

Tout ce dont j'ai vraiment besoin, c'est que chaque vidéo commence à jouer lorsque je clique sur la vignette ou une pause lorsque je ferme la boîte à lumière modale / Lightbox.

Merci d'avance! < / p>


0 commentaires

3 Réponses :


0
votes

Firefox - https://support.mozilla.org/en-us / kb / block-autoplay

chrome - https://developers.google.com / Web / mises à jour / 2017/09 / AutoPlay-Politique-Changements

AutoPlay va être désactivé ( plus comme, il est déjà désactivé ) par défaut sur tous les grands navigateurs, à moins que l'utilisateur ne modifie les paramètres de lecture automatique du navigateur.


1 commentaires

Hmm ... Cela ne résout pas vraiment mon problème, ni cela ne s'applique pas vraiment à cela, peut-être que je n'étais pas très clair mais je veux que les vignettes fonctionnent essentiellement comme des boutons de jeu. Par exemple: cliquez sur la vignette> Open des models et des loisirs vidéo> Fermer des arrêts ou des pauses de la vidéo et des pauses (vous pouvez cliquer sur la première vignette sur le lien que j'ai fourni pour voir ce que je veux dire).



0
votes

pouvez-vous simplement appeler playvid () à partir du openmodal () lorsque cette fonction est en cours d'exécution?

une solution une solution que vous pouvez essayer est de définir autoplay = 1 lorsque le modal est ouvert également, la vidéo commence à jouer. Vous pouvez faire la même chose pour arrêter la vidéo lorsque 'Closemodal ()' est appelée par paramètre AutoPlay = 0 .

Voici comment ajouter la lecture automatique à la SRC actuelle de la vidéo si elle est dans un iframe: xxx

Voici une version plus complète de le code. xxx

maintenant pour arrêter la vidéo lorsque le modal ferme: xxx

N'oubliez pas d'exposer le bouton / la vignette et les arguments modaux xxx

laissez-moi savoir si cela fonctionne!

acclamations!


0 commentaires

0
votes

Je l'ai compris!

La solution était plutôt simple aussi simple, tout ce que je devais faire pour éditer le code à: xxx

maintenant tout ce que j'ai dû Do était de changer mes identifiants vidéo en conséquence, dans ce cas "myvideo1" et "myvideo2"!

Merci pour votre aide!


0 commentaires