Перейти к содержанию
Официальный форум поддержки Simpla

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


Рекомендуемые сообщения

Плагин для вставки видео с 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

Изменено пользователем Gandalf
Ссылка на сообщение
Поделиться на другие сайты
  • 1 месяц спустя...
  • 2 года спустя...

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

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

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

 

например

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

Ссылка на сообщение
Поделиться на другие сайты

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

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

 

.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>
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...