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

Mise en page CSS Discussion :

image au dessus d'une vidéo youtube


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    109
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2009
    Messages : 109
    Par défaut image au dessus d'une vidéo youtube
    Bonjour à tous,

    j'essaye de mettre une petite image au dessous d'une vidéo youtube (vidéo youtube placé sur mon site).

    J'ai joué avec le z-index sans succès.

    Ma question: est-ce possible de placer une image au-dessus de cette vidéo, ou bien la vidéo sera-t-elle toujours au dessus ?

    Merci

  2. #2
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    oui tu peux en utilisant le paramètre "wmode" dans l'appel de ton swf.

    Exemple:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <object type="application/x-shockwave-flash" data="/flash/player.swf" width="401" height="300" id="playerObject" style="visibility: visible; ">
       <param name="quality" value="autohigh">
       <param name="bgcolor" value="#000000">
       <param name="wmode" value="transparent">
       ...
    </object>

  3. #3
    Membre très actif
    Profil pro
    Inscrit en
    Janvier 2011
    Messages
    141
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2011
    Messages : 141
    Par défaut
    si tu veux mettre une image en dessous de ta vidéo.
    Fais un tableau:
    => 1er td ( ta vidéo)
    => 2eme td (ton image dimensionné)


  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    109
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2009
    Messages : 109
    Par défaut
    aille domage ça fonctionne pas encore :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <object width="425" height="344">
    <param name="movie" value="http://www.youtube.com/v/******&hl=en&fs=1" />
    <param name="allowFullScreen" value="true" />
    <param name="wmode" value="transparent" /><embed id="embe" src="http://www.youtube.com/v/*******&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
    </object>

  5. #5
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Que le wmode ne fonctionne pas,me semble bizarre...
    Peux tu donner un lien vers une démo?

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    109
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2009
    Messages : 109
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <object width="425" height="344" type="application/x-shockwave-flash" data="http://www.youtube.com/v/***********&hl=en&fs=1&autoplay=1">
    <param name="movie" value="http://www.youtube.com/v/**********&hl=en&fs=1&autoplay=1" />
    <param name="allowfullscreen" value="true" />
    <param name="quality" value="autohigh" />
    <param name="wmode" value="transparent" />
    <param name="bgcolor" value="#000000" />
    <embed id="embe" src="http://www.youtube.com/v/***********&hl=en&fs=1&autoplay=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed>
    </object>
    Merci beaucoup

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Faire passer une vidéo youtube DERRIERE une image
    Par jokerag dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 27/04/2010, 09h21
  2. extraction d'images jpeg à partir d'une vidéo
    Par crazyangelbones dans le forum Multimédia
    Réponses: 3
    Dernier message: 25/05/2007, 00h52
  3. [HTML] Mettre un bouton image au dessus d'une animation flash
    Par TERRIBLE dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 12/08/2006, 12h08
  4. Récupérer une image JPEG à partir d'une vidéo
    Par kurul1 dans le forum C++Builder
    Réponses: 8
    Dernier message: 09/08/2006, 10h51
  5. [CSS] Superposition image au dessus d'une table
    Par laurent_h dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 31/03/2006, 17h45

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