popin et videoRésolu

Question

Bonjour, alors voilà mon problème me semble assez simple, mais je ne connais pas encore je js pour m'en sortir tout seul.
J'ai créé une interface avec une seule page, et des popin qui s'incrustent une fois appelés; ils peuvent contenir des videos, et lorsque je ferme le popin, la video continue de se lire...ce qui est fort ennuyeux!! donc comme faire ???

jordane45 · Answer

Bonjour,

Pour pouvoir t'aider il faudrait déjà que tu nous montres le code que tu utilises.....

principalement celui qui te permet de lancer la lecture de tes vidéos.

bzzt · Answer

Alors: j'appelle mon pop depuis ma page principale via un bouton: et j'utilise la pseudo class target pour afficher mon pop : .pop {opacity: 0;}.pop:target {opacity: 1;} le contenu de mon pop est une iframe contenant une source html dans laquelle se trouve ma video :

Et enfin mon bouton "fermer" se trouve dans la div qui contient l'iframe appelée :

Voilà, avec 0% de javascript ça fonctionne, sauf bien sur l'arrêt de ma video si je clique sur fermer!

jordane45 · Answer

Tu peux essayer de "détruire" le conteneur video avant de fermer le popup. //Rajout d'un ID pour ton DIV

// Le script Javascript //Ajout d'un ONCLICK à ton lien de fermeture.

Cordialement, Jordane

bzzt · Answer

Désolé pour le code, je ferai mieux la prochaine fois ;)
Par contre ta solution ne fonctionne pas; Il ne faut rien rajouter entre certaines parenthèses laissées vides?  question bête je sais, mais bon, vu que je ne connais pas js, tu aurais pu croire que je sache remplir certains espaces vides! Ce n'est pas le cas, je suis juste capable de coller tes bouts de code au bon endroit. C'est à dire que là précisément le seul doute possible était pour // Le script Javascript que j'ai coller dans le head de ma page contenant le bouton fermer; puis cela ne fonctionnant pas, dans le head de la page contenant la video; et toujours rien...

Le truc qui t'as peut-être échappé c'est que ma video est dans une page html appelée via une iframe, et j'imagine que cela à son importance, car le bouton "fermer" n'est pas dans cette page html. Mais j'ai essayé de le mettre et ça ne change rien. A part que ça ne ferme plus du tout mon pop...

Bref si tu as une autre idée je suis preneur!!
Et merci du temps que tu m'as accordé déjà ;)

bzzt · Answer

Affaire résolue!!

Je suis tombé sur un script permettant de charger et decharger ma balise video :
function LoadVideo()
{
document.getElementById('video').src='mavideo.mp4';
}
function deleteVideo()
{
document.getElementById('video').src='';

Mon bouton 'fermer' sert à la fois pour fermer le pop avec un simple history.back() + un deletevideo() pour décharger le contenu.
Et mes boutons d'ouverture, le lien href + un loadvideo()

Et le tour est joué! Bon j'ai quand même dû rapatrier mes iframe dans ma page générale, sinon ça ne marche pas, donc petite contrainte ergonomique, car je trouve ça plus simple de gérer le contenu dans un autre fichier html, mais bon, moindre mal.
Autre problème, c'est que cela me limite à un seul format de chargement video > document.getElementById('video').src='mavideo.mp4';
A moins qu'il y ai un moyen de mettre plusieur format????

Si tu as une idée...

jordane45 · Answer

Autre problème,

Donc autre question.... celle-ci étant résolue, merci de cliquer sur le tag RESOLU en haut puis ouvre une nouvelle discussion pour cette nouvelle question...

Toutefois, le moyen que tu as mis en place pour résoudre ton souci utilise le même procédé que celui que je t'ai proposé.. tu détruits le conteneur video. Niquel.

Pour ta nouvelle question... je pense que le plus simple est de créer dynamiquement ton conteneur (vidéo / Image..) en javascript directement..

En utilisant la propriété INNERHTML tu peux remplacer le code HTML d'un élément (un div par exemple) par celui qui t'interesse.

@karamel · Answer

on peut faire aussi comme ceci

document.getElementById('video').pause()

Popin et video

7 réponses

Votre réponse

Discussions similaires