tinymce.PluginManager.add('youtubediv', function(editor) {

    editor.addButton('youtubediv', {
        image: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABL1BMVEUAAADAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvAOSvThjT0AAAAZHRSTlMAAQIDBAUGCAkKCwwNDg8QERITFBUZGhwdICMlKiwuLzEzNzo8QENJSkxPUFVWV1lmb3Bxc3l7fH6Ag46Rkpiam6Cipaaoq62yur7AwcPHyMrP0dPV19ze4uTm6evt7/P1+fv97LnfVAAAAWdJREFUSMft1VdTwkAYheE3BkSN2Dv2ggUL2AsqduxiFwWM+f7/b/ACHZ0kK9kbvfFcns2TzObbmYX//HIMMxyptaKNTc0tra0tzU2NUas2EjYNn0eteGoze1MUZYo32c1U3Pp697IEzNLn99JBhUi6LEaDC5ExAK50yDWApSNEGoA+d1lKbvxABoAZd9kD7ZdKMgusussQYEzZCrIK7LtLE4CaHX+y5/fDzI9x9T/5kQvgWUWoWvAhecBREmg79xAbkB8IjL+6lysSIlvaBAYdbcK2PjnWJea67l6G3HOrROoOPMuArSbG9JtHlIBHJenMiTcPwKmChNbELydAxp8Mv/gKyQCL7rIaqD8SReaBSXc5jTHnqIRMADFP+1gQdbqBiGglDHCoI3YA6NIhHeUJTAUXE59j7rsLBm57vx2/aGwkkVxJ72bPcvf5Qsl2REQcu1TI3+fOsrvplWRiJBatfA3+5+/yDueeCD3YIQYuAAAAAElFTkSuQmCC',
        tooltip: 'Insert youtube ID',
        cmd :'youtubeInsert'
    });
    editor.addCommand( 'youtubeInsert', function() {
        editor.windowManager.open({
            title: 'Insert ID Video',
            body: [
                {type: 'textbox', name: 'id_video', label: 'ID Video'},
                {type: 'textbox', name: 'w_video', label: 'Width'},
                {type: 'textbox', name: 'h_video', label: 'Height'}
            ],
            onsubmit: function(e) {
                editor.insertContent(renderHtml(e.data.id_video,e.data.w_video,e.data.h_video));
            }
        });
    } );
});

function renderHtml(id,w,h) {
    var html = '';
    html+='<div class="youtubeNice" id="'+id+'" style="width:'+w+'px;height:'+h+'px;"></div>';
    return html;
}