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 :

Mettre en arrière-plan une vidéo Youtube


Sujet :

CSS

  1. #1
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 386
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 386
    Points : 5 733
    Points
    5 733
    Billets dans le blog
    1
    Par défaut Mettre en arrière-plan une vidéo Youtube
    Bonsoir, j'intègre sur mon site des vidéos Youtube, mais malgré mes efforts, elles masquent le menu.

    Voici mon code :
    Code html : 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
    24
    25
    26
    27
    28
    29
     
    <nav>
    <ul class="menu">
    ...
    	<li><a href="#">Vidéos</a>
    			<ul>
    				<li><a href="#" class="plus">Saison 2013/2014</a>
    					<ul class="col_2 col2_video_decal">
    						<li><a href="../video_finale_cpf_2014/video_finale_cpf_2014.php">Finale coupe de France 2014</a></li>
    						<li><a href="../thomas/thomas.php">Thomas Dubois dans le Vercors</a></li>
    						<li><a href="../video_hauts_plateaux_2014/video_hauts_plateaux.php">Diaporama rando hauts plateaux Vercors (20-21/09)</a></li>
    						<li><a href="../video_pre_grandu/video_dailymotion.php">rando hauts plateaux Vercors (20-21/09)</a></li>
    	                                        <li><a href="../video_muco_roue_14/video_dailymotion.php">muco_roue 2014 (27-28/09)</a></li>	
    					</ul>
                                    </li>
    ...
    </nav>
     
     
    <section>
    <article id="article0" class="recul">
    <iframe width="560" height="315" src="http://www.youtube.com/embed/W8d5N9GKTQo" frameborder="0" allowfullscreen></iframe><br/><br/><?php echo "en cas de difficulté, veuillez essayer l'un des deux liens suivants :";?>
    <br/><br/>
    <a href="video_dailymotion.php">Video Dailymotion</a><br/><br/>
    <a href="video_vimeo.php">Video Vimeo</a>
    </article>
     
    </section>
    ...
    et le css associé :

    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
     
    .menu {
      z-index : 1;
      position : relative;
    }
     
    .menu ul.col2_video_decal{
      top:-32px;
    }
     
    .menu ul.col_2{
      width:200%; /* largeur double */
      background-color : "white"; 
    }
     
     
    .recul {
    position:relative;
    z-index:9999;
    }

    Où est le bug ?
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

  2. #2
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 386
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 386
    Points : 5 733
    Points
    5 733
    Billets dans le blog
    1
    Par défaut
    Un modérateur pourrait-il déplacer cette discussion dans le forum http://www.developpez.net/forums/f56...giciels/video/ probablement plus adapté pour obtenir une réponse ?

    Sinon, pour info, j'ai aussi intégré cette vidéo Youtube chez Dailymotion et chez Vimeo et chez ces 2 hébergeurs, pas de problème.

    (Le code d'intégration de Youtube est celui fourni par Youtube, mais avant de poster, j'ai aussi essayé, sans succès, des codes soi-disant valides).

    EDIT : http://www.developpez.net/forums/d14...e/#post7996076
    Il vaut mieux viser la perfection et la manquer que viser l'imperfection et l'atteindre. - Bertrand Russell

    Si la discussion est résolue, merci de cliquer sur le bouton

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

Discussions similaires

  1. Mettre en arrière-plan une vidéo Youtube
    Par laurentSc dans le forum Vidéo
    Réponses: 2
    Dernier message: 24/03/2015, 14h57
  2. [XL-2010] Mettre en arrière plan une forme
    Par canary dans le forum Excel
    Réponses: 1
    Dernier message: 10/04/2013, 18h07
  3. [CSS] - notion placer en arrière-plan une div?
    Par 10-nice dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/08/2005, 15h56
  4. Mettre en avant plan une autre application...
    Par loupdeau dans le forum MFC
    Réponses: 13
    Dernier message: 19/05/2005, 13h26
  5. Mettre du texte sur une vidéo(ou par dessus un tmediaplayer)
    Par souch dans le forum Composants VCL
    Réponses: 9
    Dernier message: 08/07/2004, 13h30

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