Fonction dans Iframe video bloquée

Résolu
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -  
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous.
Petit problème avec la mise en forme d'une frame vidéo.
Une fois la vidéo encadré par mon image, les fonctions cliquable de celle ci ne fonctionne plus sous Chrome et Firefox, alors qu'aucun problème sous IE. 

<div class="video">                
                    
					<h3>VIDEOS MAILLON</h3>
					
					<P><iframe width="340" height="191" style="position: relative; left: 73px; top: 8px; " src="//www.youtube.com/embed/95_SeeX6jOY" frameborder="0" allowfullscreen="true"></iframe></p>
					<span style="position: relative;  left: 0px; top: -210px;"><img src="images/video.png" alt="video"  ></span>
					<P><iframe width="340" height="191" style="position: relative;  left: 73px; top: -217px;" src="//www.youtube.com/embed/7EJSM-neeE8" frameborder="0" allowfullscreen="true"></iframe></p> 
					<span style="position: relative;  left: 0px; top: -435px;"><img src="images/video.png" alt="Accueil" ></span>
					<p><iframe width="340" height="191" style="position: relative;  left: 73px; top: -442px;" src="//www.youtube.com/embed/Jb34WFd-QKA" frameborder="0" allowfullscreen="true"></iframe></p> 
					<span style="position: relative; left: 0px; top: -660px;"><img src="images/video.png" alt="Accueil" ></span> 
					
                </div>


Page en question: http://maillon.fr/

Merci de votre avis.
A voir également:

4 réponses

Réponse 1 / 4
Utilisateur anonyme
 
salut essaye ce code : 

<iframe width="340" height="191" style="position: relative;  left: 73px; top: -442px;" src="http://www.youtube.com/embed/Jb34WFd-QKA" frameborder="0" allowfullscreen="true"></iframe>



bonne soirée
0
Réponse 2 / 4
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour @lobotoFix,

Merci pour ta réponse, mais je ne voie pas ce qui diffère avec mon code.
0
Utilisateur anonyme
 
ben moi si
0
Utilisateur anonyme
 
copie mon code et remplace le tiens tu verra
0
Réponse 3 / 4
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Ok, j'ai ajouté le "http:" devant mes lien youtube, mais ça ne fonctionne toujours pas sous Chrome et Firefox.
0
Réponse 4 / 4
Utilisateur anonyme
 
salut

je pense que c'est ces images -> http://maillon.fr/images/video.png qui sont par dessus les video
0
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
A oui c'est même sur. Mais je n'arrive pas à faire passer la vidéo en priorité devant l'image et surtout ça n'a pas l'air de déranger IE.
0
Utilisateur anonyme
 
essaye de mettre ton image avant ton iframe. Tu peux ajouter a tes images un
z-index: -1;
0
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Oups beh pour le coup, le z-index:-1 retire complètement mon image.
Donc la vidéo fonctionne, mais je n'ai plus d'image en encadrement et l'image avant l'iframe me donne une mauvaise mise en page.
0
laetirom1 Messages postés 10 Date d'inscription   Statut Membre Dernière intervention  
 
Ok donc du coup j'ai ajouté un z-index:1; à l'iframe et tout est ok :-D

Merci beaucoup de ton aide.
Au plaisir
0