IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Lien <a href=""> sur <iframe>


Sujet :

HTML

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2013
    Messages : 25
    Points : 16
    Points
    16
    Par défaut Lien <a href=""> sur <iframe>
    Bonjour à tous,

    je cherche à mettre un lien sur une <iframe>.

    Pour être plus expliciter aller sur ce lien, lorsque la page s'ouvre une vidéo se lance directement et je souhaiterais que lorsque l'on clique quelque part sur la vidéo s'ouvre le site web.
    J'ai essayé avec diverses méthodes mais sans succès.

    Merci de votre aide,

  2. #2
    Membre chevronné

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Points : 1 768
    Points
    1 768
    Billets dans le blog
    1
    Par défaut
    Salut, j'ai regardé ton lien :

    1) il te manque l'accès a Jquery ton lien est mort solution :

    A mettre dans ta page html
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    2) pour que tu puisse déclencher au click :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    $(document).ready(function () {
        $('body').click(function(){
            $('iframe').each(function(){
                //comme la video est a la de l'iframe
                var url = $(this).attr("src");
                console.log(url);
                $(this).attr("src",url+"?wmode=transparent");
            });
        });
    });
    A modifier selon ton contexte et a ta convenance.
    Bonne continuation.

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut


    L'iframe n'est pas sur le même domaine que la page elle-même, tu ne peux pas avoir accès à son contenu.

  4. #4
    Membre chevronné

    Homme Profil pro
    Ingénieur Hospitalier
    Inscrit en
    Juillet 2004
    Messages
    993
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur Hospitalier
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 993
    Points : 1 768
    Points
    1 768
    Billets dans le blog
    1
    Par défaut
    Oui d'habitude je le mention tout le temps, mais ici il s'agit juste du lien src contenue sur le tag <iframe> de plus il s'agit d'une vidéo du domain vimeo dont j'imagine qu'il doit obligatoirement avoir un crossdomain.xml ce que j'ai vérifié et dont il fait mention l’autorisation de tout les domaines *.

    https://player.vimeo.com/crossdomain.xml
    Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <cross-domain-policy>
        <site-control permitted-cross-domain-policies="master-only"/>
        <allow-access-from domain="*"/>
        <allow-http-request-headers-from domain="*" headers="*"/>
    </cross-domain-policy>

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2013
    Messages : 25
    Points : 16
    Points
    16
    Par défaut
    Merci pour vos réponses !

    J'ai fait les modifs conseillées, cependant, je ne comprends pas bien où mettre le lien pour que lors du clic sur la vidéo on soit renvoyé vers le lien.

    à voir ici


    ps: j'ai oublié de préciser, je ne maîtrise absolument pas le javascript

Discussions similaires

  1. Ouvrir un lien (href mailto) en cliquant sur un autre
    Par baresi dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 04/09/2014, 10h35
  2. Lien href sur 2 Iframes
    Par jriusech dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 11/12/2006, 10h58

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo