Решение проблемы с показом видео с ютуба на Joomla 3.x

[AlexZir]

Решение проблемы с показом видео с ютуба на Joomla 3.x

Заморочился недавно со вставкой видеороликов на страницах сайта под управлением CMS Joomla.

Как положено, юзаю на сайте последнюю стабильную версию 3 ветки, но на 4.х ещё не мигрировал, так как считаю, что рановато пока но всё будет в своё время.
И все бы ничего, но только при вставке видео через Jce-редактор режутся теги iframe и ролик не показывается, а так хотелось бы ).
Проблему можно устранить несколькими путями.

Первый и самый популярный, это установить компонент для управления видео типа AllVideos. Но он, зараза, создает дополнительный траффик при показе видеоролика, что существенно тормозит загрузку страницы.

Второй способ это использование плагина Shortcode Ultimate, но он, при всех плюсах, платный и тоже создает паразитный траффик, хоть и меньшего объёма.

Третий способ связан с изменением параметров безопасности редактора страниц. Дело в том, что редактор TinyMCE по умолчанию удаляет из кода страниц тег <iframe>, который находится в списке запрещенных тегов. Исключение этого тега из списка запрещённых тегов сразу после сохранения параметров влияет на отображение фреймов на страницах.

1. переходим в менеджер плагинов Расширения → Плагины;
2. находим плагин Редактор - TinyMCE и переходим в его настройки;
3. выбираем вкладку с набором для нужной группы пользователей (если вы являетесь суперадминистратором, то это будет Набор 0);
4. находим опцию Запрещенные теги и удаляем оттуда <iframe>;
5. сохраняем.

Это хорошо для видеороликов, но опасно, если суперпользователей на сайте несколько.

Кстати, есть вариант этого способа без удаления iframe из списка запрещенных тегов. При этом нужно:

1. переходим в менеджер плагинов Расширения → Плагины;
2. находим плагин Редактор - TinyMCE и переходим в его настройки;
3. выбираем вкладку с набором для группы пользователей суперадминистратор, это будет Набор 0 (Set 0);
4. Находим опцию "Use Joomla Text Filter" (использовать фильтр для текста) и включаем её.
5. сохраняем.
6. Заходим в Система - Общие настройки.
7. Переходим на вкладку "Фильтры текста"
8. Для пользователя суперадминистратор выбираем No Filtering, т.е. без фильтрации, и сохраняем.

Этот способ более корректен в отношении безопасности, так как для других групп пользователей тег iframe будет по-прежнему запрещен.

Для того, чтобы вставленный видеоролик масштабировался в зависимости от разметки страницы, можно создать CSS-класс video, в котором прописать требуемые настройки, например:

div.video{     position: relative;     padding-bottom: 56.25%; /* соотношение сторон 16:9 */     height: 0; } div.video iframe{     position:absolute;     top:0;     left:0;     width:100%;     height:100%; }

Четвертый способ для любителей вставлять короткие ссылки. Реализуется через использование специальных расширений, таких как компонент RoKCandy. Этот компонент позволяет создавать шорткоды в формате BBCodes. Шорткод для вставки видео YouTube в этом компоненте может выглядеть так:

[youtube]biQR3ktZ0K8[/youtube]

Этот способ более удобный, однако наличие дополнительных сторонних компонентов всегда отрицательно действует на общий уровень безопасности.

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

А я благодарю вас за внимание!