gototopgototop
Register
Вход
HomeКак это сделать?... /  Видеогалереи в статьях
Видеогалереи в статьях E-mail
Повышаем мастерство - Как сделать?...
08.07.2012 11:26

В уроке "Как поставить на сайт видео и аудио" мы познакомились с плагином AllVideos, с помощью которого можно вставлять в статьи аудио и видео. Сегодня мы узнаем, как с помощью него же вставить в статью целую галерею, используя при этом  файлы, находящиеся как на своём, так и на внешних сайтах.

Шаг 1.
Прежде всего внесём изменения в параметры плагина AllVideos, касающиеся размера окна видеоплэйера. Это необходимо сделать по той причине, что установленные по умолчанию размеры слишком велики для того, чтобы в одном ряду галереи разместить хотя бы два файла. Но в то же время размеры должны быть не слишком уж маленькими, чтобы пользователь имел возможность без особого дискомфорта просмотреть предлагаемые ролики. Предлагаю сейчас поставить размер 200 х 180, а потом сами разберётесь:

Видеогалерея в статье :: Плагин AllVideos

Рис.1

Шаг 2. Создаём новый материал в Менеджере материалов. Если у вас установлен редактор JCE, то в его верхнем левом углу есть кнопочка под названием "Toggle Editor". С помощью неё мы переходим в HTML-код статьи.
Если редактор другой, например, родной джумловский TinyMCE, то нажать надо на кнопку "HTML" :

Видеогалерея на Joomla-сайте
Рис.2

Шаг 3. Создаем таблицу для вставки файлов. Для этого копируем отсюда и вставляем в открывшееся окошко вот этот код:

<table style="width: 80%;" align="center" border="3">
<tbody>
<tr>
<td>{код}yourvideofilename1{/код}</td>
<td>{код}yourvideofilename2{/код}</td>
</tr>
<tr>
<td>{код}yourvideofilename3{/код}</td>
<td>{код}yourvideofilename4{/код}</td>
</tr>
</tbody>
</table>


Шаг 4. Вместо {код} и {/код}  вставьте теги плагина.  То есть если будете показывать, например, файлы с расширением mp4, то, значит, это будет так: { mp4 } и { /mp4 }:

Видеогалерея в статье :: Плагин AllVideos
Рис.3

Шаг 5. Отожмите кнопку "Toggle Editor" (или HTML), и вот что вы должны увидеть в рабочем поле редактора:

Видеогалерея в статье :: Плагин AllVideos
Рис.4

Ниже я показываю свой пример галереи смешных коротеньких роликов с YouTube:


Пояснения: вместо {код} и {/код} я написала { youtube } и { /youtube }, а между ними вместо "yourvideofilename1,... 2, ...3,... 4"   вписывала часть ссылки выбранного на  YouTube ролика.

Например, полная ссылка первого ролика такая:

http://www.youtube.com/watch?v=Co26efqs-Xc&;feature=relmfu
 
Из ссылки надо брать только ту часть, что стоит после знака "=" до значка "&". В моём примере это Co26efqs-Xc, и в общем строчка для таблицы будет выглядеть так:
{ youtube }Co26efqs-Xc{ /youtube }  .

ВНИМАНИЕ!!! Пробелов в фигурных скобках быть не должно!!! - иначе видео не покажется!!!

Надеюсь, я понятно объяснила принцип создания  в статье видеогалереи с помощью плагина  AllVideos. Принцип может использоваться и при работе с аудиофайлами.

Заканчивая урок, добавлю следующее: поскольку в Шаге 1 мы изменили параметры плагина, то теперь не только галерея, но и просто   отдельные видеофайлы в остальных статьях сайта будут показываться в установленном окне плэйера 200 х 180. Что, конечно, не есть оч хорошо. В этом случае можно применять следующую формулку:

 {код}Co26efqs-Xc500|350|1{/код}

где:
{код} и {/код} - это, например, { youtube } и { /youtube },

Co26efqs-Xc - ролик с YouTube,

500|350| - ширина и высота плэйера,

1 - автостарт. Если он не нужен, тогда надо ставить вместо единицы ноль.

 

Всё!

 

 
ВХОД на сайт



Базовый курс создания сайта

Предисловия к Базовому курсу

Установка и настройка Joomla!

Работа с расширениями Joomla!

2011-03-11-22-16-12Работа со статьями

Создание меню

Работа с хостингом

Безопасность сайта

Ссылки для скачиваний

 

Есть ли народ на сайте?

Сейчас 11 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter