WP - Proportion vidéo (pour mosaïque)

Fermé
Hedoniste - Modifié par Hedoniste le 12/04/2012 à 14:43
 Hedoniste - 17 avril 2012 à 17:58
Salut à tous!



Je suis en train de coder une mosaïque sur la page d'accueil du site (http://tdm-en-routard.rd-h.fr), dans laquelle j'ai déjà mit des vignettes de figuration ainsi qu'une vignette affichant le dernier article.
J'essais maintenant d'intégrer une vidéo, mais j'ai des soucis de proportion.


Effectivement, quand la résolution de l'écran est inférieure à 1280*800, le height de la vidéo pose problème.
Je vous laisse réduire et agrandir la taille de la fenêtre de votre navigateur pour mieux voir ce qu'il en est.

Comment puis-je faire pour interdire au height d'être trop grand (actuellement ça c'est régler) EN MEME TEMPS que de l'empêcher d'être trop petit quand la résolution est faible?

Petite précisions, je suis sous Wordpress 3.3.1, avec php 5.3.1

Voici le code actuelle :

    <div style="float: left; width: 33.3%; margin-bottom: -3px;"> 
      <iframe width="100%" height="100%" style="min-height: 147px; max-height: 224px;" src="https://www.youtube.com/embed/m-jk_06zvWs" frameborder="0"></iframe> 
    </div>


Merci d'avance à vous tous :-)
Hedo
A voir également:

7 réponses

Bon, eh bien peux-tu préciser ce que tes liens doivent m'apporter? Car désolé, je ne comprend pas...
0
up :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Hey!

Je viens de penser à quelque chose qui pourrait bien m'aller : mettre un fond noir sur la vignette vidéo et center la vidéo dans la verticale! Ça, ça me conviendrait car je ne trouve pas autrement.
Ne me prenez pas pour un boulet, j'ai déjà testé background : black, mais j'ai compris que seul l'emplacement de la vidéo était noir, puis recouvert par la vidéo, donc il reste toujours un bout de la vignette de la même couleur que celui du fond du site.
De plus je ne sais pas comment faire pour centrer dans la verticale la vidéo.

Quelqu'un pourrait m'aider à centrer ma vidéo et à mettre un fond noir s'il vous plait?
Merci d'avance à tous!

Voici le code actuel :
<div style="float: left; width: 33.3%; margin-bottom: -3px;">
      <iframe width="100%" Marginheight="0px" src="https://www.youtube.com/embed/m-jk_06zvWs" frameborder="0"></iframe>
    </div>
0
?
0
help!
0