Как создать на сайте видео-плейлист WordPress

миниатюра WordPress

Здравствуйте !

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

Итак, перейдём от слов к делу. Как будет выглядеть видео-плейлист, который вы сможете создать ?

Пример:

Плейлист

 

 

Плагин с помощью которого мы будем создавать плейлист называется – Unite Gallery Lite. Данный плагин вы сможете установить прямо из своей админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте открывшийся плагин.

 

САМСАЙ плагин

 

 

После установки и активации плагина, перейдите по вкладке – Unite Gallery, которая появится у вас в левом меню wordpress.

 

САМСАЙ unite

 

Чтобы создать новую галерею, на странице настроек плагина нажимаем на кнопку – Create New Gallery.

 

САМСАЙ новая

 

В открывшемся меню нажимаем на кнопку – Video Gallery.

 

САМСАЙ видео

 

Далее:

Gallery title, указываем заголовок галереи, любое название.

Gallery Alias, указываем псевдоним галереи, любое название английскими буквами с нижним тире и цифрой. (смотри на скриншоте ниже)

Item Category, здесь оставьте как есть, потом вы сможете создать для видео-плеера категории.

Full Width, если укажите ДА, то плейлист станет резиновым, то есть на всю страницу. А если вы укажите здесь НЕТ, то вам ниже нужно будет указать для плеера: Width – ширину и Height – высоту.

В конце жмём на кнопку – Create Gallery (создать галерею).

 

настройки

 

Итак, переходим к основным настройкам. Начнём с настроек, которые расположены в левой части страницы.

– Gallery Title, здесь можно изменить заголовок галереи.

– Gallery Alias, здесь можно изменить псевдоним галереи.

– Gallery Shortcode, здесь расположен шорткод вашего видео-плеера, который потом вам нужно будет скопировать и вставить на страницу, где будет располагаться ваш видео-плеер.

– Item Category, здесь можно задать категорию для вашего плеера. Как создаются категории я расскажу чуть позже.

– Enable Category Tabs, можно включить чтобы показывалась вкладка категории на сайте.

– Full Width, здесь можно изменить размер плеера или сделать его адаптивным, то есть на всю страницу, указав ДА.

– Min. Width, можно задать минимальную ширину для плеера.

– Min. Height, можно задать минимальную высоту для плеера.

 

САМСАЙ настройки

 

Настройки, которые расположены с правой стороны.

Theme Options

– Choose Scroller Skin, здесь можно выбрать как будет отображаться список видеозаписей в плеере, с иконками или просто заголовки. Поэкспериментируйте с этими значениями.

– Autoplay Always, можно сделать автозапуск плеера при открытии страницы, если укажите ДА.

Position

– Position on the page, можно задать позицию плеера на странице. Отступы сверху, снизу, слева, справа в пикселях.

Advanced

– Show Advanced Tab, показывать вкладку дополнительно или нет ?

Troubleshooting, здесь оставьте всё как есть, без изменений.

 

САМСАЙ параметры

 

Всё, после сделанных изменений, чтобы сохранить настройки, жмём на кнопку – Update Gallery.

 

Двигаемся дальше, переходим на вкладку – Items, и жмём на кнопку – Add video, чтобы добавить видео-записи в наш плеер.

 

добавить видео

 

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

Пример – https://www.youtube.com/watch?v=elcTxJLFxFQ  ID я пометил жирным шрифтом.

 

САМСАЙ id

Итак, добавляете ID видео и жмёте на кнопку – search. Далее у вас появится информация о видеоролике. Здесь вы можете задать свою обложку нажав на вкладку – change. Так же можно указать свой заголовок для видео – Title, и указать описание к видеозаписи – Description. В конце жмём на кнопку – Add Video.

 

видео настройки

 

 

После чего у вас появится первое видео для вашего плеера.

 

первое видео

 

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

 

Чтобы добавить категорию к видеоплееру. Для этого нажимаем на кнопку – Add, у вас появится вкладка с новой категорией – New Category, отметьте данную вкладку нажав на неё.

 

вкладка

 

После того как вы выделите вкладку с новой категорией, нажмите на кнопку – Edit. У вас откроется окно, где вы сможете указать название категории, чтобы сохранить категорию жмём – Update.

 

new category

 

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

 

превью

 

 

Чтобы добавить новый видео-плеер, нажмите вверху, справа на кнопку – Gallery List, вы попадёте на страницу где будут указаны все ваши галереи. Чтобы добавить новую жмём – Create New Gallery.

 

список галерей

 

 

Итак, вы узнали как настроить и создать видео-плеер, теперь чтобы добавить плеер на свой сайт, переходите на вкладку – Settings (настройки) и копируете шорткод видео-плеера. Шорткод плеера вставляете на страницу или в запись вашего сайта.

 

шорткод

 

 

На этом у меня всё, если у вас остались вопросы по данной статье, то обязательно напишите мне в Обратную связь, либо оставьте комментарий к данной записи. Я всем отвечу ! до новых встреч ! 

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Ирина

    Спасибо за разъяснения! Подскажите пожалуйста как поменять заданный в самом начале Слайдер на Tiles Grid?

    Ответить
    1. Admin автор

      Привет, удали созданный слайдер, нажав на кнопку – Delete и создай заново другой.

      Ответить
  2. Ирина

    Спасибо

    Ответить
  3. clipmaker

    А как сделать чтобы плейлист играл подряд с vimeo, а не останавливался после просмотра видео и не предлагал чужое видео ?

    Ответить
    1. Admin автор

      В данном плагине нет таких настроек. Рекомендую тебе плагин – Shortcodes Ultimate ! В нём как раз есть функция “YouTube продвинутый” где можно также плейлисты создавать и другие видео отключить. Есть отдельная функция Vimeo.

      Ответить
  4. Ольга Парфенова

    Спасибо, Илья!!! Буду пробовать. Надеюсь у меня получится, ты так все понятно объяснил. Я давно хотела создать видео плейлист на сайт, да все руки не доходили, и уверенности не было, что справлюсь.

    Ответить
  5. Юма

    Спасибо за подробности! А в этом плагине можно сделать видеоплейлист, из которого пользователь сайта мог бы выбирать видео (галочку ставить), которые он хочет посмотреть?

    Ответить
    1. Admin автор

      Вы хотите, чтобы видео сохранялось, как это сделано на ютубе функцией “Смотреть позже”? Не понятно, зачем нужна галочка.

      Ответить
      1. Юма

        Мне нужно, чтобы пользователь сайта выбирал из предложенного списка видео те, которые ему нужны, отмечая их галочками, после чего эти видео добавлялись бы в плейлист и воспроизводились одно за другим

        Ответить
        1. Admin автор

          Могу порекомендовать плагин: Html5 Video Player — mp4-плеер, видеоплеер для WordPress. У него есть функция для создания плейлистов. На счет галочек, наверное это уже нужно будет дорабатывать.

          Ответить
          1. Юма

            Благодарю! Нашла еще один плагин spider video player -у него вроде тоже есть функция создания плейлистов. Буду тестировать