Script responsiv ???

(reprise du message précédent)

Ha oui merci j'avais fait aussi avec youtube : http://www.piegeareves.fr/videos.html

Donc sur le même principe je peux appliquer des classes à :

<iframe src="http://player.believe.fr/v2/3610151272026?"></iframe>

Avec une image du rapport Hauteur / Largeur du player ?

Grave à vus j'y suis quasi arrivé mais un scrollbar a droite du player verticale apparait ! Je ne sais pas pourquoi.
J'ai tellement essayer de bidouiller le code dans tous les sens ;

.wrapper         {max-width:600px;height:100%;margin:0 auto;background:rgba(0, 0, 0, 0);min-width:300px;}
.h_iframe        {position:relative;}
.h_iframe .ratio {
	display: block;
	width: 100%;
	max-height: 1000px;}

<div class="wrapper">
   <div class="h_iframe" align="center">
        <!-- a transparent image is preferable -->
        <img src="../Site/backplay.png" width="650" height="700" class="ratio"/>
        <iframe src="http://player.believe.fr/v2/3610151272026?embed=1&amp;embedType=5s87fA4E89F465ze&amp;referer=" frameborder="0" allowfullscreen></iframe>
    </div>
    </div>

Si vous voyez u truc bizarre

Cela ne proviendrait-il pas pas de

.wrapper {
 max-width: 600px;
}

par hasard ?

En tout cas ce "problème" montre que tu as un problème de dimension.
Tu pourrais contourner le pb en désactivant les barres de défilement mais ce n'est pas une bonne idée.

En design adaptatif il faut se demander pourquoi préciser une taille. Ce peut être indispensable, je ne le nie pas et cela dépendra du cas (particulier).
Mais de manière générale si tu peux éviter de fixer des tailles ou des limites de taille, abstiens-toi.
Dans la mesure du possible bien entendu.

C'est de cette réflexion que m'est venu à l'esprit un probabilis sur la propriété que je t'ai énoncé.

Je ne suis pas persuadé que les limites de tailles que tu impose à .wrapper et .ratio soient indispensables tout comme le positionnement relatif explicite de .h_iframe. Cet élément est déjà en position relative par défaut (c'est d'ailleurs la position par défaut de tout élément).

Essaye de trifouiller dans cette direction, je pense que le bout du tunnel n'est plus fort loin.
Modifié par Greg_Lumiere (24 Jun 2016 - 12:04)

Une petite question :

Que vient faire align=center dans le html ?

Inutile de me répondre à cette question, je connais la réponse

Salut,
Je viens de rentrer de vacance je me repenche là dessus dès que j'ai un peu de temps !
Merci beaucoup pour votre aide je vous tien au jus !