Hello,
j'ai dans un fichier xml du texte + des balises iframe Vimeo et Youtube.
Je voudrais, lorsque je clique sur l'une ou l'autre de ces vidéos, créer un événement jquery en parallèle au lancement des vidéos.
Le code
fonctionne très bien sur n'importe quelle div de mon fichier xml, mais pas sur la balise iframe.
Ni sur son conteneur (.videoWrapper).
Serait-ce dû au fait que ces conteneurs soient en responsive ?
Voici le CSS :
Remédiable ???
Merci beaucoup pour votre aide.
Modifié par MattSaf (19 Mar 2014 - 10:59)
j'ai dans un fichier xml du texte + des balises iframe Vimeo et Youtube.
Je voudrais, lorsque je clique sur l'une ou l'autre de ces vidéos, créer un événement jquery en parallèle au lancement des vidéos.
Le code
$(document).on("click","div",function(){
//événement//
});
fonctionne très bien sur n'importe quelle div de mon fichier xml, mais pas sur la balise iframe.
Ni sur son conteneur (.videoWrapper).
Serait-ce dû au fait que ces conteneurs soient en responsive ?
Voici le CSS :
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin-bottom:7px;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Remédiable ???
Merci beaucoup pour votre aide.
Modifié par MattSaf (19 Mar 2014 - 10:59)