Ajouter des videos Youtube & Vimeo responsives

Apprendre à créer et gérer des sites internet, conseils, techniques et astuces de Webmasters.

Créer une réponse à ce sujet

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers

partagepartagepartage
Il y a 1 message dans cette section.
Page 1 sur 1
Créer un nouveau Sujet sur le Forum

Ajouter des videos Youtube & Vimeo responsives

Message :N°1  Message

par
» Sam 11 Mar 2017 21:26

Ajouter des videos Youtube & Vimeo responsives à n'importe quel site

Dans lanpartie body

Code: Tout sélectionner
<div class="video-responsive">
<iframe width="420" height="315" src="/https://www.youtube.com/embed/Z0QZxJt4byQ" frameborder="0" allowfullscreen></iframe>
</div>


Dans votre feuille css

Code: Tout sélectionner
.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}


Petit code donné par notre ami Thierry Tardif
vous pouvez voir plus d'explications sur son site
Vous devez être inscrit et présenté pour voir les liens ainsi que d'autres éléments qui peuvent être caché aux invités.
  • 0

Avatar de l’utilisateur
GHS Team
 
Messages: 451
Inscription: Mar 19 Mai 2015 08:30
Localisation: Seine et Marne
Réputation: 108
Récompenses: 6
Membre Contributeur (1) Protecteur de GHS Tools (1) + 100 Posts sur le Forum (1) + 200 Posts sur le Forum (1) Développeur WEB (1) Webmastering (1)

Répondre à ce sujet du Forum

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

Retourner vers Création de site Web & Webmastering



 


  • Sujets similaires
    Réponses
    Vus
    Dernier message