iframe en 4/3

Bonjour,
Je souhaiterais créer une iframe qui a une taille de 100% en largeur, et qui respecte le format 4/3 des écrans.
Je penser le faire en javascript, mais je ne vois pas comment.

Pour info, j'utilise jQuery, mais je peut très bien m'en passer pour ce problème

Citation:

---

width="100%"

---

?

mais je voudrais un height qui soit de (width/4)*3

Citation:

---

Envoyé par benji07

mais je voudrais un height qui soit de (width/4)*3

---

tu viens de répondre à la question :D Puisque le width est en pourcent, mets le height en % également
height = (width*3/4) + "%" (75%)

Oui mais non, car le % c en fonction de l'element conteneur

mais sinon j'ai résolu en faisant comme ça :

Code:

---

1 2 3 4

editor.find('iframe').width('100%'); setTimeout(function(){ editor.find('iframe').height((editor.find('iframe').width()/4)*3); },0);

---

Maintenant il faut que l'iframe ce redimensionne lors du redimensionnement de la fenêtre

Citation:

---

Oui mais non, car le % c en fonction de l'element conteneur

---

et alors ? un truc m'échappe :aie:

Citation:

---

Maintenant il faut que l'iframe ce redimensionne lors du redimensionnement de la fenêtre

---

voir l'événement onresize ;)

Avec un onresize ça marche

Par exemple, lorsque mon iframe fait 640px de largeur, je voulais qu'elle fasse 480px de hauteur, mais si tu redimensionne ça ne change que la largeur et pas la hauteur.

Avec ce code ça fonctionne, mon iframe a toujours un ratio de 4/3

Code:

---

1 2 3 4

$(window).resize(function(){ editor.find('iframe').height((editor.find('iframe').width()/4)*3); });

---