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

JavaScript Discussion :

Lancer video YT iframe depuis un autre élément


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Particulier
    Inscrit en
    Janvier 2013
    Messages
    80
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Particulier

    Informations forums :
    Inscription : Janvier 2013
    Messages : 80
    Par défaut Lancer video YT iframe depuis un autre élément
    Bonjour, bonsoir.
    Dans l'optique de faire un style où les vidéos importées depuis YouTube semblent être accrochées par du rubans adhésif, je cherche un moyen de lancer une vidéo iframe depuis un autre élément.
    Je m'explique : afin de réaliser ce style, j'ai placé un div sur l'iframe et appliqué à ce div un background :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <div id="video">
    	<iframe id="iframe" width="560" height="315" src="http://www.youtube.com/embed/I-j7-M0E7Eo" allowfullscreen></iframe>
    	<div onclick="document.getElementById('iframe').click()"></div>
    </div>
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    iframe
    {
    	border:none;
    }
     
    #video
    {
    	margin:10px;
    	padding:50px;
    	background:url('bgvideo.png') no-repeat;
    	border:none;
    	position:absolute;
    }
     
    iframe + div
    {
    	position:relative;
    	top:-320px;
    	left:0;
    	width:560px;
    	height:315px;
    	background:url('bgvideo.png') -50px -50px no-repeat;
    }

    Et j'ai un résultat visuel qui correspond parfaitement à ce que je cherche : Nom : Sans-titre-2.jpg
Affichages : 150
Taille : 34,1 Ko.
    Cependant, il est maintenant impossible de cliquer pour lancer la vidéo (logique, puisqu'il y a le div dessus). Du coup, j'ai tenté de faire en sorte de lancer la vidéo quand on cliquer sur le div qui a le background, grâce à <div onclick="document.getElementById('iframe').click()"></div>, mais ça ne marche pas... J'ai essayé quelque chose d'encore plus moche, en passant en display:none; le iframe+div:hover, mais outre le fait que ça soit hideux, les marges bougent dans tout les sens au passage de la souris.
    Avez-vous des suggestions pour lancer la vidéo en cliquant sur le div, ou une autre idée pour attribuer ce genre de style à un vidéo ?
    Merci d'avance !

    Codepen : http://codepen.io/anon/pen/svkzm.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Il faut acceder aux element du parent ou de frames puis du contenu:
    http://www.developpez.net/forums/d27...enetre-enfant/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Lancer une base mdb depuis une autre
    Par Julien Dufour dans le forum VBA Access
    Réponses: 3
    Dernier message: 18/06/2008, 07h54
  2. lancer une applet java depuis un autre repertoire
    Par Solly dans le forum Débuter
    Réponses: 1
    Dernier message: 01/05/2008, 12h11
  3. Réponses: 15
    Dernier message: 22/12/2006, 15h02
  4. [SWT] Lancer une fenêtre SWT depuis une autre
    Par sunvialley dans le forum SWT/JFace
    Réponses: 12
    Dernier message: 21/04/2006, 17h22
  5. Comment lancer une appli JWS depuis une autre appli JWS ?
    Par franck.darcourt dans le forum JWS
    Réponses: 5
    Dernier message: 11/10/2005, 09h30

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