Fonction dans Iframe video bloquée

Résolu
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.

4 réponses

  1. 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
    1. Bonjour @lobotoFix,

      Merci pour ta réponse, mais je ne voie pas ce qui diffère avec mon code.
      1. ben moi si
      2. copie mon code et remplace le tiens tu verra
    2. Ok, j'ai ajouté le "http:" devant mes lien youtube, mais ça ne fonctionne toujours pas sous Chrome et Firefox.
      1. salut

        je pense que c'est ces images -> http://maillon.fr/images/video.png qui sont par dessus les video
        1. 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.
        2. essaye de mettre ton image avant ton iframe. Tu peux ajouter a tes images un
          z-index: -1;
        3. 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.
        4. 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