2011-06-19 10 views
2

私が構築しているサイトでは、ビデオ(iframe埋め込み)が画面に合わせて動的に伸びるようにする必要があります。親のdivの幅をjQueryで取得しますが、高さのサイズを自動的に計算するために数学を計算する必要があります。YouTubeカスタム埋め込みサイザー

YouTubeは独自のサイザーでこれを行うことができました(共有をクリックしてから埋め込み、高さが自動的に埋められるように幅を埋め込みます)。

すべてのアイデアは本当に便利です、ありがとう!これで助けをEray


編集

ありがとう!私はまだそれがどのように機能するか100%を確認していない

$documentWidth = $('#wrap').width(); 
$theWidth = parseInt($documentWidth, 10); 
$theHeight = (Math.floor($theWidth/1.755) || 0) + 30; 
$('#video iframe').height($theHeight); 
$('#video iframe').width($documentWidth); 

:誰もが興味を持っている場合は、ここでは、最終的な作業コード(!私はとにかく、それがうまくいくと思う)です!

答えて

1

幅/高さの比率。次に、この式を使用します。

New Width = New Height * (Original Width/Original Height) 

したがって、新しい幅の高さの組み合わせで同じ比率を維持します。

+0

私は幅ではなく高さを見つける必要があります。また、これはYouTubeカスタムサイザーで(丸められている場合でも)異なる結果になります。 – Tam

+0

'新しい高さ=新しい幅/(元の幅/元の高さ)'つまり、新しい高さ=新しい幅/比率? – Eray

+0

ああ!ありがとうございますが、まだ何かが欠落しています。あなたの数学では、720幅は439の高さを得ますが、私は(幅/高さ)720/440,721/440,722/441,723/441,724/422,725/422、726/443,727/444 、728/444,729/455。どのようにその作品に任意のアイデア! – Tam

関連する問題