私のサイトには Vimeo からの埋め込み iFrame がたくさんあります。私はそれを再設計する過程にあり、それらをすべて新しい設計に適合させる必要があります.
すべてを 100% 幅に設定することで簡単に幅を合わせることができますが、高さがすべて異なります... サイズを変更して比率を維持するにはどうすればよいですか?
ありがとう！！
1708 次
2 に答える
1
jquery を使用すると、次のようにしてフレームの幅と高さを取得できます。
w = $("#iframe").width();
h = $("#iframe").height();
この情報を使用して、特定の iframe の縦横比 (比率 = w/h) を計算できます。次に、iframe ごとに新しい幅または高さを計算できます。あなたのデザインは（本質的に）各フレームの幅を制限すると推測しているので、それをベースラインとして使用することもできます-> newHeight = ratio * maxWidth
これで、新しいディメンションが作成され、適切に設定できるようになりました。
于 2011-09-01T22:43:19.910 に答える
0
ビデオの実際の幅だけでなく、ビデオの幅を 100% に設定したいのはなぜですか?
各 iframe 要素を記述する前に、次のことができると思います。
http://vimeo.com/api/v2/video/8564338.jsonなどの Vimeo API を使用して、各ビデオの高さと幅を取得します。
iframe の高さを
videoHeight * window.innerWidth / videoWidth(またはそのようなもの!) に設定します。
私にはかなりハッキーに見えます...
于 2011-09-01T22:40:22.327 に答える