BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

 > Discussion générale openElement
  Nouveaux messages Nouveaux messages Fil RSS - vidéo youtube adaptée proportionnellement.
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

vidéo youtube adaptée proportionnellement.
 Répondre Répondre
Auteur
Message
  Sujet Recherche Sujet Recherche  Options des sujets Options des sujets
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Sujet: vidéo youtube adaptée proportionnellement.
    Envoyé : 26 Avr 2015 à 01:14
Bonjour,
si je mets une vidéo youtube en largeur 100% et que l'écran est petit : la largeur suit l'évolution de l'écran, mais la hauteur reste fixe.
La mettre en hauteur auto bien sûr ne fonctionne pas)

Y aurait-il une solution pour qu'une vidéo youtube conserve son rapport hauteur largeur ?
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Avr 2015 à 10:18
google is your friend
Haut de la page
Maurice306 allez vers le bas
Senior Member
Senior Member


Depuis le: 20 Avr 2008
Pays: France
Status: Inactif
Points: 2066 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Maurice306 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Avr 2015 à 11:14
Message posté par nico38 nico38 a écrit:

Bonjour,
si je mets une vidéo youtube en largeur 100% et que l'écran est petit : la largeur suit l'évolution de l'écran, mais la hauteur reste fixe.
La mettre en hauteur auto bien sûr ne fonctionne pas)

Y aurait-il une solution pour qu'une vidéo youtube conserve son rapport hauteur largeur ?

Peut être intégrée dans WOWSlide (je sais Larsene n'aime pas) Wink
La vie est belle !!!....., elle est comme chacun se la fait. Ne soyez pas pressé, partez plus tôt, car il n'y a pas de personnes pressée elles ne sont qu'en retard !!!
Haut de la page
nico38 allez vers le bas
Senior Member
Senior Member


Depuis le: 18 Jan 2014
Status: Inactif
Points: 3967 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer nico38 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Avr 2015 à 13:28
Avec OE si je lit bien le code, la vidéo est déjà en hauteur et largeur 100%. Donc le lien que tu me donnes OE le fait déjà.

Le problème vient du parent : s'il n'est pas lui même en hauteur et largeur 100% ça ne marche pas. La vidéo de youtube sur OE est déjà en 100% pas besoin de bidouiller.

Je reformule alors ma question c'était : la vidéo a une taille précise, quand l'écran se rétréci la vidéo doit se réduire en conservant ses proportion : est-ce que sur OE il est possible de réaliser cela directement ?

Je voudrais éviter de mettre la vidéo dans un panneau car il s'agirait de mettre pas mal de vidéo par jour, ce qui peut être long et surtout peu pratique. Je voudrais juste savoir s'il est possible que le cadre principale (avec l'id WExxxxxxxxx) puisse conserver son ratio largeur/hauteur.


Edité par nico38 - 26 Avr 2015 à 13:28
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971 		Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 27 Avr 2015 à 11:20
Bonjour,

Il y a du code CSS qu'on peut utiliser pour garder les proportions. De facon generale, pour un element OE - marche pour l'element YouTube il semble - ajouter un Class Perso ex. "ratio" (on peut avoir plusieurs selon le rapport necessaire) puis un Bloc de Code Source type CSS pousitoin Header:


.ratio {
    height: auto !important;
}
.ratio .OESZ_DivContent {
    height: 0 !important;
    padding-bottom: 50% !important;
}
.ratio .OESZ_DivContent > * {
    position: absolute !important; margin:0 !important;
    left:0 !important; right:0 !important; top:0 !important; bottom:0 !important;
    width:100% !important; height:100% !important;
}
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.063 secondes.