Блог

Я пытаюсь встроить видео 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
});
  

Если вы хотите ограничить размеры только максимальным значением, вы можете просто использовать max-width: 100%; и max-height: 100%; в iframe.

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