Использование 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 г.

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, добавьте некоторый синтаксис к тегам, и вы можете создать любое расположение, которое вы хотите соответствовать вашему дизайну.

Новости

Как сбалансировать юзабилити и дизайн при создании сайта — User House
Красота или уродство в веб-дизайне всегда связаны с восприятием конкретного человека. То, что для одного «красиво», может быть «ужасным» для другого и наоборот. Но как же так получается, что многие популярные

Чем лучше юзабилити сайта – тем больше лояльных клиентов
Хотите понять, как посетители воспринимают сайт? Это очень просто. Представьте, что вы говорите по телефону с директором, и в это время вам звонит кто-то из родственников, а у вас еще работы на четыре

Знакомство с юзабилити-тестированием сайта. // webknowledge.ru
Перевод статьи:   An Introduction To Website Usability Testing. Автор:   Thomas Churm. При создании нового сайта необходимо учитывать множество факторов. Для того чтобы у посетителей возникло

Специалист по web-usability – боец невидимого фронта
Ярослав Перевалов Что такое usability engineering? Часто ли вы, бродя по Сети, обращаете внимание на то, насколько качественно структурирована информация на сайте и насколько удобно устроена навигация?

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

25 советов как улучшить юзабилити (usability) вашего сайта. | Блог об интернет деятельности и трудовых буднях Максима Вячеславовича
Доброго времени суток, дорогие друзья! Сегодня мы поговорим с вами о такой важной вещи как U sability (юзабилити) сайта , о том, как улучшить данный фактор, зная его основные принципы и правила.

Что такое юзабилити и зачем оно нужно
Юзабилити включает простоту, удобство в пользовании, тестирование, проведение аудита проекта. Юзабилити сайтов, интернет-магазинов — это неотъемлимая часть выгодного ведения бизнеса. Задача юзабилити

Юзабилити тестирование сайта турагентства
«Когда информации много и она дешева, дорогим становится внимание». James Gleick Представим сайт, владелец которого считает его достаточно хорошим, удобным и привлекательным. Он размещает рекламные объявления

Юзабилити
Юзабилити (от англ. слова «usability» – практичность, простота использования) – это весьма распространенное ныне понятие объединяет максимальное удобство использования сайта и полезность информации, на

5 шагов для успешного юзабилити-тестирования приложения
Представьте: вы придумали и разработали мобильное приложение с приятным, на ваш взгляд, дизайном, удобным функционалом, полезными опциями, выпустили релиз продукта, но… Несмотря на мощную маркетинговую

Карта