如何让iframe在贴纸时适合我的父母contenteditable div？

Question

我正在尝试将youtube视频嵌入到我的contenteditable div中。问题是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/