貼り付け時に親contenteditable divにiframeを合わせるにはどうすればいいですか？

Question

私はcontenteditable divにYouTube動画を埋め込みしようとしています。問題はiframeの幅と高さがあらかじめ定義されていることです。だからdivの境界からオーバーフローします。あなただけ制限したい場合は

$('div[contenteditable]').bind("paste", function(e) { 
    e.preventDefault(); 
    console.log('hello'); 
    var text =e.originalEvent.clipboardData.getData('text'); 
    //do something with text to specify width and height of parent 
}); 

Answer 1

：おかげでここ

がコードです...私は、コードを貼り付けるに幅を解析し、変更するために正規表現を使用することができます知っているが、私は、より信頼性の高いソリューションを探していましたサイズを最大値で指定すると、iframeには単にmax-width: 100%;とmax-height: 100%;を使用できます。

JSFiddle： https://jsfiddle.net/2nr0fncg/