Создание блока div и вставка в него iframe
Добрый день, имеется код вставки видео с ютюба, но оно естественно получается не адаптивным, помогите разобраться как с помощью js сделать чтобы создавался блок div и уже в него добавлялся iframe?
CKEDITOR.dialog.add("tliyoutube2Dialog",function(b){ return{ title:b.lang.tliyoutube2.title, minWidth:400, minHeight:200, contents:[{ id:"tab-basic", label:"Basic Settings", elements:[{ type:"text", id:"youtubeURL", label:b.lang.tliyoutube2.txtUrl}]}], onOk:function(){ var c=this.getValueOf("tab-basic","youtubeURL").trim().match(/v=([^&$]+)/i); if(null==c||""==c||""==c[0]||""==c[1])return alert(b.lang.youtube.invalidUrl),!1; var a=b.document.createElement("iframe"); a.setAttribute("width","420"); a.setAttribute("height","236"); a.setAttribute("src","//www.youtube.com/embed/"+c[1]+"?rel\x3d0"); a.setAttribute("frameborder","0"); a.setAttribute("allowfullscreen","1"); b.insertElement(a)}}}); |
Цитата:
CKEDITOR.dialog.add( "tliyoutube2Dialog", function(b){ return { title:b.lang.tliyoutube2.title, minWidth:400, minHeight:200, contents:[{ id:"tab-basic", label:"Basic Settings", elements:[{ type:"text", id:"youtubeURL", label:b.lang.tliyoutube2.txtUrl}]}], onOk:function(){ var c=this.getValueOf("tab-basic","youtubeURL").trim().match(/v=([^&$]+)/i); if(null==c||""==c||""==c[0]||""==c[1])return alert(b.lang.youtube.invalidUrl),!1; var odiv=document.createElement("div"); var a=document.createElement("iframe"); a.setAttribute("width","420"); a.setAttribute("height","236"); a.setAttribute("src","//www.youtube.com/embed/"+c[1]+"?rel\x3d0"); a.setAttribute("frameborder","0"); a.setAttribute("allowfullscreen","1"); odiv.insertElement(a); b.insertElement(odiv); } } } ); |
Цитата:
|
При вводе кода в окно, кнопка ОК во всплывающем окне не активна становится.
CKEDITOR.plugins.add("tliyoutube2",{ icons:"tliyoutube2", lang:"en pt ja hu it fr tr ru de ar nl pl vi zh el he es nb nn fi et sk cs".split(" "), init:function(a){a.addCommand("tliyoutube2Dialog",new CKEDITOR.dialogCommand("tliyoutube2Dialog")); a.ui.addButton("tliyoutube2{ label:a.lang.tliyoutube2.button,command:"tliyoutube2Dialog",toolbar:"insert"}); CKEDITOR.dialog.add("tliyoutube2Dialog",this.path+"dialogs/tliyoutube2.js")}}); Может проблема в коде самой кнопки? |
Цитата:
|
Часовой пояс GMT +3, время: 17:08. |