iframeでdivを拡張できません

Question

私は2つの異なるサイズに切り替えることができる私のサイトのLivestreamによってiframeを埋め込もうとしています。したがって、ボタンを押すと、ビデオの再生が停止せずに、ビデオがより大きなサイズに展開されます。

私は、次のjQueryを使用してこれをやって試してみた：

$(document).ready(function() { 
    $("#toggle").click(function() { 
     $("#container").toggleClass("wide"); 
    }); 
}); 

私はYouTubeのビデオのembedcodeでこれをテストしてみたこの作品。しかし、何らかの理由でLivestreamウィジェットが拡張されません。 iframe幅/高さをリセットしません外divの幅/高さを設定し、 http://jsfiddle.net/ULauz/

Answer 1

それはiframeですので： 私が使用している正確なコードのためのフィドルを参照してください。 iframeの幅と高さを明示的に設定する必要があります。また、iframe内のプレーヤは、iframeがロードされたときに設定された独自の幅/高さを持ちます。iframeのサイズを変更しても、プレーヤのサイズは変更されません。ドメインの設定によって、プレーヤーの幅/高さを設定できます。

これは実際にiframeのサイズを変更していますが、プレーヤーのサイズが変更されていません。

$(document).ready(function() { 
    $("#toggle").click(function() { 
     $("#container").toggleClass("wide"); 
     $("#container iframe").height(340).width(540); 
     return false; 
    }); 
}); 

http://jsfiddle.net/ULauz/3/