Перейти к содержимому


Фото
* * * * * 2 голосов

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

TinyMCE youtube simpla видео

  • Чтобы отвечать, сперва войдите на форум
4 ответов в теме

#1 Gandalf

Gandalf
  • Пользователь
  • 124 сообщений
  • Заказчик, Пользователь
  • Версия CMS:2.x
  • Откуда:West

Опубликовано 17.06.2015 - 22:51

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

 

0469ad33632d.jpg

  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|*]",
    

     

Прикрепленные файлы:


Изменено: Gandalf, 17.06.2015 - 23:05


#2 Karen

Karen
  • Пользователь
  • 193 сообщений
  • Заказчик, Пользователь
  • Версия CMS:2.x

Опубликовано 26.07.2015 - 11:52

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



#3 byrzyi

byrzyi
  • Пользователь
  • 74 сообщений
  • Заказчик
  • Версия CMS:2.x
  • Откуда:Украина

Опубликовано 21.03.2018 - 21:40

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



#4 mishanya

mishanya
  • Фрилансер
  • 2 566 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Ukraine

Опубликовано 21.03.2018 - 21:59

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

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

 

например

https://css-tricks.c...dWidthVideo.php



#5 byrzyi

byrzyi
  • Пользователь
  • 74 сообщений
  • Заказчик
  • Версия CMS:2.x
  • Откуда:Украина

Опубликовано 22.03.2018 - 21:56

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

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

.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....bed/ocU6r3PYTZU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>






Также с меткой «TinyMCE, youtube, simpla, видео»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых