En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.

Chez Papinou - Skins GuppY 5

Vous êtes ici :   Accueil » Forum » Plugins forks astuces GuppY 5.0 » plugin Youtube et responsive
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
   GuppY 5 ???   Il y a moins bon mais c'est plus cher ! ! !   
   S'il n'y a pas de solution, c'est qu'il n'y a pas de problème. Devise Shadok   
   Utilisateur de GuppY, je suis membre de l' asso freeGuppY ... et vous ? ? ?   
   Pourquoi vouloir compliquer ?  Essayez GuppY 5  tout simplement ... smile   
   N'oubliez pas d'installer un .htaccess pour protéger l'accès à  l'admin de GuppY 5.   
   Votre premier réflexe après le téléchargement de GuppY 5 ?   Lire la documentation  ! ! !   

Forum - Plugins forks astuces GuppY 5.0 - plugin Youtube et responsive


Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 1752

le 16/12/2018 @ 18:54
par han

Anonyme

visiteur

Bonsoir Papinou,

J'ai utilisé ton plugin pour intégrer cette vidéo.

J'aimerais qu'elle soit responsive mais avec une largeur max, C'est-à-dire que sur les écrans le pouvant elle s'affiche en 520 x 294 et sur les écrans plus petits, elle s'adapte.

Car lorsque je coche la case "responsive" dans les paramétrages, j'ai bien une image adaptative mais pleine écran.

J'ai essayé d'intégrer dans le code width: 100%; max-width: 520px; mais ça ne fonctionne pas...

Une suggestion ?

Merci.

Poster une réponse Haut  
Réponse n° 1
--------
le 17/12/2018 @ 08:11
par Papinou

Papinou

Administrateur
33 messages

Bonjour,

Il faut mettre l'ensemble dans un div conteneur pour fixer une largeur.

Comme ceci :

<div style="margin:0 auto;width:100%;max-width:570px;">
<div class="youtube-embed-wrapper" style="position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="294" src="https://www.youtube.com/embed/OVht9ZP-tT4?rel=0" style="position:absolute;top:0;left:0;width:100%;height:100%" width="520"></iframe>
</div>
</div>

De cette façon, la vidéo est centrée et à la taille voulue.
Le max-width:570px; est à 570 pour tenir compte de la marge.
 

Cordialement, Papinou

Site web Papinou
Poster une réponse Haut  
Réponse n° 2
--------
le 17/12/2018 @ 19:30
par han

Anonyme

visiteur

Bonsoir Papinou,

C'est parfait.

Merci.

Han

Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » Plugins forks astuces GuppY 5.0 » plugin Youtube et responsive
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Préférences


Se reconnecter :
Votre nom (ou pseudo) :
Votre mot de passe
<O>


  4766686 visiteurs
  11 visiteurs en ligne

Connectés :
( personne )
Snif !!!

Calendrier

Licence

Cette création est mise à disposition des visiteurs selon les termes de la
Toute citation doit comporter un lien direct vers la page d'origine.
Chez Papinou est en ligne depuis le 26.03.2006
 
Lire les mentions légales
 

Ce site a fait l'objet d'un dépôt auprès de la Commission Nationale Informatique et Libertés le 06 avril 2006 et a été enregistré sous le numéro d'agrément 1160345.