Sujet Précédent Sujet Suivant

Fonction dans Iframe video bloquée

Résolu/Fermé
laetirom1 Messages postés 10 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014 - 27 mai 2014 à 17:44
laetirom1 Messages postés 10 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014 - 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.
A voir également:

4 réponses

Réponse 1 / 4
Utilisateur anonyme
27 mai 2014 à 20:19
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 mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014
28 mai 2014 à 12:26
Bonjour @lobotoFix,

Merci pour ta réponse, mais je ne voie pas ce qui diffère avec mon code.
0
Utilisateur anonyme
28 mai 2014 à 12:35
ben moi si
0
Utilisateur anonyme
28 mai 2014 à 12:36
copie mon code et remplace le tiens tu verra
0
Réponse 3 / 4
laetirom1 Messages postés 10 Date d'inscription mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014
28 mai 2014 à 12:52
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
28 mai 2014 à 15:42
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 mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014
28 mai 2014 à 15:50
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
Modifié par lobotoFix le 28/05/2014 à 16:06
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 mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014
28 mai 2014 à 17:40
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 mardi 17 mars 2009 Statut Membre Dernière intervention 28 mai 2014
28 mai 2014 à 17:43
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

Discussions similaires

Tubidy télécharger gratuitement des vidéos sur Youtube ou Myspace
Peyton 5 -
Jackson -

10 réponses
Erreur vidéo inconnue sur le Freebox Player
mouhaaV2.0 -
moi -

61 réponses