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 - 28 mai 2014 à 17:43

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.

Afficher la suite

4 réponses

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

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
1. Utilisateur anonyme
  
  ben moi si
  
  0
2. 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
1. 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
2. Utilisateur anonyme
  
  essaye de mettre ton image avant ton iframe. Tu peux ajouter a tes images un
  z-index: -1;
  
  0
3. 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
4. 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

Fonction dans Iframe video bloquée

4 réponses

Discussions similaires

Newsletters