Использование AllVideos для видеогалереи Joomla

1. Шаг 1. Загрузите и установите AllVideos
2. Шаг 3. Создайте новую статью
3. Шаг 4. Создайте таблицу
4. Шаг 5. Вставьте или напишите код таблицы
5. Шаг 6. Замените текст внутри токена и между скобками по мере необходимости.
6. Шаг 7: Четыре видео на YouTube в коробке.
7. Шаг 8. Расширенная настройка
8. Шаг 9. Удаленные потоковые сервисы
9. Шаг 10. Удаленный с другого сайта

Автор Эд Андреа Эд Андреа Опубликовано: 14 февраля 2012 г. 14 февраля 2012 г.

Обновление : это руководство устарело. Это новый Joomla видео галерея учебник лучше и так это видео сетка учебник , Оба используют отличные OSYouTube ,

Плагин AllVideos позволит вам отображать практически любой тип мультимедиа на вашем сайте Joomla, будь то видео или аудио файл и используете ли вы локальное или удаленное хранилище.

Мы собираемся показать вам, как загрузить и установить плагин AllVideos, а затем как добавить видео в вашу статью. У нас также был запрос участника на учебник по созданию видео-фотогалереи, поэтому мы собираемся сделать это также.

AllVideos работает с помощью фигурных скобок или скобок ... {}.

Например, это позволит локально сохраненному файлу mp4 воспроизводиться на вашем сайте: {mp4} yourvideofilename1 {/ mp4}

AllVideos позволяет использовать широкий спектр типов файлов в скобках для невероятного разнообразия вариантов. Вы можете использовать {flv}, {wmv} и даже {youtube} и {vimeo}.

Шаг 1. Загрузите и установите AllVideos

Шаг 2. Укажите видео и аудио папки

Все видео хотят, чтобы все ваши видео и аудио файлы были сохранены в одной папке. Если вы уже загрузили видео, введите путь к папке в полях «Локальная папка» и «Аудио папка».

Если вы еще не загрузили свои файлы, мы рекомендуем создать и использовать папку / images / videos / и папку / images / audio /.

Нажмите Сохранить и закрыть после ввода настроек.

Шаг 3. Создайте новую статью

Зайдите в свой менеджер статей. Либо добавьте новую статью, либо перейдите к статье, которой хотите управлять.

Шаг 4. Создайте таблицу

Чтобы создать галерею видео, мы собираемся создать таблицу.

Чтобы ввести код таблицы, нам нужен доступ к HTML для статьи. Этот шаг зависит от того, какой редактор вы используете, и знаете ли вы, как поместить таблицу в статью. Я предполагаю, что у вас есть редактор TinyMCE по умолчанию, и вы не знаете много кода. Так что, если это вы, нажмите «Toggle Editor» или HTML в меню.

Шаг 5. Вставьте или напишите код таблицы

Вот код, который нужно использовать для таблицы:

Вот как будет выглядеть таблица в режиме редактирования. Конечно, вы можете сделать это без таблицы, и все видео будут размещены сверху вниз на странице.

Итак, мы собираемся поместить {mp4} в фигурные скобки спереди и {/ mp4} в фигурные скобки в конце. Между этими начальными и конечными тегами мы хотим поместить имя файла без расширения, как это - yourvideofilename - пропустить. и буквы расширения.

Например, если ваш файл называется yourvideofilename1.mp4, то вы напишете {mp4} yourvideofilename (/ mp4} . IЕсли файл хранился локально и заканчивался на .swf, вы бы использовали {swf} в скобках.

Если вы хотите увидеть примеры всех возможных тегов и токенов, которые вы можете использовать, посетите их страницу документации: http://www.joomlaworks.gr/content/view/35/41/ ,

Шаг 6. Замените текст внутри токена и между скобками по мере необходимости.

Вот как выглядит таблица с видео на YouTube. Нет необходимости в грязных кодах для встраивания.

Шаг 7: Четыре видео на YouTube в коробке.

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

Шаг 8. Расширенная настройка

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

Вы также можете использовать синтаксис, такой как: {format / provider} filename | width | height | autoplay {/ format / provider}. Вы используете трубу "|" символ между каждым параметром.

Например, будет отображаться «автоматически воспроизводимое» видео YouTube размером 100x150, добавляющее это к элементу контента:

{youtube} inTas4CAls_egj200 | 150 | 1 {/ youtube} - сначала в строке имя файла, затем ширина, затем высота, а последняя цифра «1» обозначает автозапуск. Если вы не хотите автозапуск, сделайте это "0".

Шаг 9. Удаленные потоковые сервисы

В приведенном выше примере с mp4 мы использовали локальные медиа, что означает, что он находится на том же сервере, что и веб-сайт. Но вы не ограничены вашим собственным сервером. Мы уже показали вам, как использовать потоковый сервис - YouTube. Существует множество других служб, и все, что вам нужно сделать, чтобы использовать их носители, это поместить название службы в скобки. Вот несколько примеров

{Brightcove} {1656387563 / Brightcove}
{} Yahoo 3169238/8981933 {/} Yahoo
{} CollegeHumor 1824771 {/ CollegeHumor}

Шаг 10. Удаленный с другого сайта

Вы можете получить удаленное видео с любого веб-сайта, если вы знаете тип мультимедиа и полный URL-адрес видео. Вот несколько примеров того, как вы пишете токены для получения видео с другого сайта, который не является потоковым сервисом. Вы должны указать, что это удаленный источник в стартовом теге.

{} Mp3remote http://www.filehosting.com/pixies_bonemachine.mp3 {/ mp3remote}
{} Swfremote http://www.filehosting.com/presentation.swf {/ swfremote}
{} Mp4remote http://www.filehosting.com/nadasurf.mp4 {/ mp4remote}

Это почти все, что нужно сделать. Вам просто нужно знать тип носителя, его расположение и способ записи токена. Обладая этими знаниями, вы можете разместить любой видео или аудио источник на вашем сайте. Объедините его с текстом и небольшим форматированием с таблицами или div, добавьте некоторый синтаксис к тегам, и вы можете создать любое расположение, которое вы хотите соответствовать вашему дизайну.

Похожие

Комментарии