Fonction dans Iframe video bloquée

Résolu

laetirom1 Messages postés 11 Statut Membre -
laetirom1 Messages postés 11 Statut Membre - 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

A voir également:

Fonction dans Iframe video bloquée
Fonction si et - Guide
Montage video windows - Guide
Insérer vidéo dans powerpoint - Guide
Boite gmail bloquée - Guide
Comment télécharger une vidéo youtube - Guide

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

Réponse 2 / 4

laetirom1 Messages postés 11 Statut Membre

Bonjour @lobotoFix,

Merci pour ta réponse, mais je ne voie pas ce qui diffère avec mon code.

Utilisateur anonyme

ben moi si

Utilisateur anonyme

copie mon code et remplace le tiens tu verra

Réponse 3 / 4

laetirom1 Messages postés 11 Statut Membre

Ok, j'ai ajouté le "http:" devant mes lien youtube, mais ça ne fonctionne toujours pas sous Chrome et Firefox.

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

laetirom1 Messages postés 11 Statut Membre

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.

Utilisateur anonyme

essaye de mettre ton image avant ton iframe. Tu peux ajouter a tes images un
z-index: -1;

laetirom1 Messages postés 11 Statut Membre

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.

laetirom1 Messages postés 11 Statut Membre

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

Discussions similaires

TokyVideo, est-ce un site fiable ? Vos avis

Votre réponse

Discussions similaires