Плагин YouTube (iFrame, Embed) для TinyMCE

[Gandalf]

Плагин для вставки видео с YouTube с возможностью задавать размер видео

 

1. Качаем архив
2. Заливаем папку из архива по пути simpla/design/js/tiny_mce/plugins
3. Открываем файл tinymce_init.tpl, который находится по пути simpla/design/html/ и добавляем:
4. В строке 

   plugins : "jaretypograph,smimage,smeditimage,smexplorer,safari,spellchecker,style,table,save,advimage,advlink,autolink,inlinepopups,media,contextmenu,paste,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras",
   

   в конце перед закрывающими кавычками: 

   ,youtubeIframe
   

    

5. В строке:

   theme_advanced_buttons2 : "tablecontrols,|,link,unlink,anchor,smimage,smeditimage,smexplorer,charmap,nonbreaking,|,styleprops,attribs,|,jaretypograph,removeformat,cleanup,spellchecker,|,visualaid,fullscreen,code",
   

   после:

   smeditimage,
   

   добавляем:

   youtubeIframe,
   

    

6. и после:

   theme_advanced_resizing : true,
   

   добавляем:

   valid_elements:"iframe[src|title|width|height|allowfullscreen|frameborder|class|id],object[classid|width|height|codebase|*],param[name|value|_value|*],embed[type|width|height|src|*]",
   

    

tinymce-youtube-iframe-embed-plugin-1.1.zip

Edited June 17, 2015 by Gandalf

[Karen]

Спасибо ОГРОМНОЕ!

[byrzyi]

А как по поводу масштабируемости в адаптивных шаблонах?
На сегодня 50% и более - это мобильные пользователи

[mishanya]

А как по поводу масштабируемости в адаптивных шаблонах?

На сегодня 50% и более - это мобильные пользователи

это уже скорее к шаблону чем к плагину. плагин вставляет только код. как надо добавлять в него поддержку.

 

например

https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

[byrzyi]

Да, спасибо, так уже и сделал ранее
Есть минус, все старые видео нужно обернуть в код. Итак:
 

Вставляем в стили:

 

.myvideo {

position:relative;

padding-bottom:56.25%;

padding-top:30px;

height:0;

overflow:hidden;

border:1px solid #ccc;

}

.myvideo iframe,.myvideo object,.myvideo embed {

position:absolute;

top:0;

left:0;

width:100%;

height:100%;

}

 

Теперь когда вставляем видео (iframe) к примеру с Ютуба (правый клик по видосу -  скопировать код вставки), просто в описании (в режиме хтмл) вставляем данный код с ютуба обернутый в код (div class="myvideo)

 

<div class="myvideo" style="text-align: center;">

<iframe width="854" height="480" src="https://www.youtube.com/embed/ocU6r3PYTZU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

</div>