В этой статье я собираюсь рассмотреть плагин WordPress Responsive YouTube Playlist Video Player , который позволяет интегрировать видеоплеер, способный воспроизводить плейлисты YouTube без проблем.
Веб-сайты, которые имеют дело с большим количеством потокового видео, должны организовывать свой контент так, чтобы он был привлекательным и интуитивно понятным для конечных пользователей. Это должно быть частью их рекламной стратегии. В частности, если вы ищете лучший способ представления своего нишевого контента на YouTube, вы находитесь в правильном месте!
Когда дело доходит до встраивания контента YouTube, в Интернете доступны тысячи бесплатных плагинов и скриптов. Вы также найдете коммерческие опции, которые предоставляют готовые к использованию функции и расширенную поддержку. В случае коммерческих опций вы также должны ожидать качественный код, исправления ошибок и новые улучшения.
Лучшие видео фоновые плагины для WordPress
Нона Блэкман
Бесплатные плагины для WordPress Video Player
Монти Шокин
Плагины для WordPress
Лучшие аудио и видео плагины WordPress 2019 года
Даниэль Стронгин
Как вставить видео с Ютуб (YouTube) в статью на сайте Вордпресс (WordPress)
Как добавить Stellar Video Player на ваш сайт WordPress
Ашраф Хатхибелагал
Сегодня мы собираемся исследовать один из самых популярных плагинов, доступных на CodeCanyon: WordPress Responsive YouTube Playlist Video Player . Он позволяет вам встраивать контент YouTube различными способами, будь то в список воспроизведения, канал или отдельное видео. Кроме того, он поставляется с пользовательским интерфейсом вместо интерфейса по умолчанию YouTube.
Давайте быстро пройдемся по важным функциям адаптивного WordPress плейлиста YouTube, который предоставляет видеоплеер:
- поддержка списка воспроизведения YouTube, списка воспроизведения канала или отдельного видео
- отзывчивый с интеллектуальным изменением размеров
- настройка интерфейса
- последний API данных YouTube v3
- Пагинация на основе AJAX с неограниченным количеством видео
- горизонтальные и вертикальные макеты
- и многое другое
Этот плагин предоставляет множество полезных функций, которые позволяют без особых усилий встраивать контент YouTube.
Наша повестка дня
Существуют разные способы использования этого плагина и настройки вывода. В этом посте мы собираемся создать полноценный горизонтальный проигрыватель YouTube, встраивая плейлист YouTube по идентификатору.
Результат нашего процесса будет выглядеть так:
В этом уроке мы рассмотрим различные аспекты этого плагина и приблизимся к нашей цели — созданию видеоплеера плейлиста YouTube. В следующем разделе я покажу вам, как загрузить и установить этот плагин.
Установка и регистрация собственного ключа API YouTube
В этом разделе вы узнаете, как установить и настроить плагин WordPress Responsive YouTube Playlist Video Player после того, как вы приобрели его и загрузили с CodeCanyon. Для этого поста я использовал WordPress 5.2.3, а версия плагина — 1.11.0. Я рекомендую вам установить плагин, если вы хотите следовать этому посту.
Плеер использует Data API YouTube V3, и для использования API вам потребуется ключ API. Если вы не зарегистрируете свой собственный закрытый ключ API, будет использован ключ по умолчанию. Однако ключ по умолчанию используется многими другими пользователями, которые не ввели свой собственный ключ, и API имеет только ограниченное количество запросов, которые он может сделать на ключ. Поэтому всегда полезно иметь свой собственный ключ, чтобы убедиться, что нет сбоя, если у вас есть сайт с большим трафиком.
Если вы не знаете, как зарегистрировать ключ API YouTube, плагин предоставляет хорошее руководство, которое объясняет его подробно. Когда вы заходите на главную страницу плагина на стороне администратора, появляется сообщение о том, что вы должны ввести свой собственный ключ API. Нажмите на кнопку REGISTER KEY , чтобы открыть руководство. Следуйте инструкциям в руководстве и получите свой ключ.
Как только вы получите свой ключ API, вам просто нужно ввести его в разделе ОБЩИЕ НАСТРОЙКИ плагина, как показано на следующем снимке экрана.
В следующем разделе мы рассмотрим различные разделы конфигурации, которые предоставляет этот плагин.
Параметры конфигурации плагина
В этом разделе мы быстро рассмотрим различные параметры конфигурации, предоставляемые плагином WordPress Responsive YouTube Playlist Video Player.
После установки этого плагина вы можете получить к нему доступ, нажав на ссылку YouTube в левой боковой панели.
общие настройки
В этом разделе вы можете настроить общие параметры, относящиеся к нумерации страниц, автовоспроизведению и GDPR. И, как мы уже говорили ранее, вы можете зарегистрировать свой ключ API YouTube в этом разделе.
Внешность
Как следует из названия, в этом разделе вы найдете настройки, связанные с визуальными аспектами вашего плеера. Пара важных настроек включает в себя макет списка воспроизведения, ширину плеера, отображение HD и несколько текстовых настроек.
управления
Если вы хотите настроить игрока, важно, чтобы вы могли выбирать различные элементы управления плеером. В этом разделе вы можете скрыть или показать различные элементы управления проигрывателем в соответствии с вашими требованиями.
Цвета
Этот раздел позволяет вам настроить цвета практически каждого игрока управления.
Так что это было краткое введение в параметры конфигурации, предоставляемые этим плагином. В следующем разделе мы создадим полноценный горизонтальный проигрыватель YouTube, добавив плейлист YouTube по идентификатору.
Создайте плеер YouTube с горизонтальной компоновкой плейлиста
Плейлисты YouTube могут быть добавлены к вашим сообщениям или страницам с помощью кнопки шорткода в редакторе, как показано на следующем снимке экрана:
Когда вы нажимаете на эту кнопку, она открывает всплывающее окно, показанное на следующем снимке экрана.
Как видите, есть разные способы добавить контент YouTube на свой сайт. В нашем случае, когда мы собираемся встроить плейлист YouTube, мы будем использовать первый вариант: плейлист YouTube . Чтобы встроить плейлист YouTube, вам потребуется URL-адрес плейлиста, который можно легко получить со страницы канала YouTube. Конечно, если вы еще не создали ни одного плейлиста, вам придется сначала создать его. В любом случае вы должны получить URL-адрес плейлиста, например https://www.youtube.com/playlist?list= enjYOUR_PLAYLIST_ID> .
Получив URL-адрес плейлиста, вставьте его в поле « Плейлист YouTube», как показано на следующем снимке экрана, и нажмите кнопку « ВСТАВИТЬ» .
Ваш шорткод будет создан и добавлен на вашу страницу или пост. В моем случае я создал новую страницу. Шорткод должен выглядеть так:
[ytp_playlist source=»PLMP2_J2lf0P1P7pjwaDe1ki-XQjaP5P1j»]
Идите вперед и опубликуйте страницу, чтобы увидеть, как она выглядит в интерфейсе.
Так что это вид по умолчанию, как это выглядит. Основное видео находится на левой стороне, а остальные видео в плейлисте — на правой боковой панели. Вы можете нажать на любое видео, чтобы воспроизвести его. Это вертикальный тип списка воспроизведения в терминологии этого плагина.
В нашем случае мы хотим показывать другие видео в плейлисте по горизонтали. Вы можете управлять этим макетом, playlist_type параметр playlist_type в коде для встраивания. Фактически, этот плагин предоставляет множество опций настройки с помощью шорткода, который позволяет вам управлять различными аспектами проигрывателя YouTube. Невозможно обсудить все варианты, но мы выделим те, которые требуются для нашего варианта использования.
Во-первых, давайте добавим параметр playlist_type , как показано в следующем фрагменте.
[ytp_playlist source=»PLMP2_J2lf0P1P7pjwaDe1ki-XQjaP5P1j» playlist_type=”horizontal”]
Далее мы хотим убедиться, что игрок реагирует — это делается с помощью параметра width_type .
[ytp_playlist source=»PLMP2_J2lf0P1P7pjwaDe1ki-XQjaP5P1j» playlist_type=”horizontal” width_type=”responsive”]
Далее мы хотим убедиться, что качество видео — HD, а логотип YouTube скрыт.
[ytp_playlist source=»PLMP2_J2lf0P1P7pjwaDe1ki-XQjaP5P1j» playlist_type=”horizontal” width_type=”responsive” force_hd hide_youtube_logo]
Настройки, которые мы сделали до сих пор, специфичны для настройки элементов управления плеером. Почему-то мне кажется, что нам также нужно изменить цвет нескольких элементов управления, чтобы они выглядели более интуитивно понятными. Итак, давайте изменим пару настроек цвета на YouTube> ЦВЕТА .
Этот плагин позволяет изменять цвета различных элементов управления. В моем случае я попытался изменить цвета, как показано на следующем снимке экрана. Конечно, вы можете поэкспериментировать самостоятельно, чтобы найти цветовую тему, которая подходит для вашего сайта.
Со всеми изменениями, которые мы сделали, игрок должен выглядеть следующим образом:
Как вы можете видеть, есть варианты настройки для каждого аспекта игрока. В этом посте мы добавили плейлист YouTube, но вы также можете вставить канал или отдельное видео. Я оставлю это вам в качестве упражнения! Конечно, вы всегда можете пинговать меня, используя канал ниже, если у вас есть какие-либо вопросы.
Другие возможные варианты использования
В этом посте мы обсудили, как вы можете добавить плеер для плейлиста YouTube на свой сайт WordPress. Как мы уже обсуждали ранее, плагин WordPress Responsive YouTube Playlist Video Player также способен воспроизводить различные виды контента YouTube. Вы также можете использовать его для интеграции:
- Каналы YouTube
- Пользователи YouTube
- Одиночные видео YouTube
- YouTube несколько видео по идентификаторам через запятую
Следующий шаг: другие медиа-скрипты WordPress
Если вы ищете другие медиа-сценарии WordPress, которые вы могли бы использовать сразу, я рекомендую вам проверить следующие сценарии, которые доступны по низкой цене.
Источник: coderlessons.com
Плагин Video Embedder или как вставить видео на блог
WordPress
Сегодня мы будем разбирать плагин Advanced Responsive Video Embedder – позволяет вставлять видео на WP блог с популярных сервисов по хранению видео (таких как Rutube, Youtube и другие). Добавлять видео с таких сервисов актуально, т.к. Вам не требуется много места у хостера для хранения видео, что позволяет выбирать экономные тарифные планы! Даже на бесплатном хостинге с 200 mb памяти можно развернуть целый онлайн кинотеатр!
В последнее время видео на сайтах стало довольно актуальным. Практически на каждом сайте присутствуют видеоматериалы.
Плагин Advanced Responsive Video Embedder
Скачиваем, устанавливаем и активируем плагин Advanced Responsive Video Embedder. (Установка и настройка плагинов для WordPress) Русскоязычную версию плагина можно скачать здесь — ru.wordpress.org/plugins/advanced-responsive-video-embedder/
После того как плагин Video Embedder активирован, заходим в его настройки. Для этого зайдите в админпанели блога во вкладку “Nextgenthemes — ARVE”
(менять их не обязательно (если хотите можете по эксперементировать), все и так прекрасно работает). Здесь во вкладке «Теги коротких кодов» их использоваться не рекомендуется, но они могут потребоваться в случае возникновения конфликтов с другими плагинами.
Как вставить видео на WP блог
Вариант 1. Вручную.
Для этого переходим при редактировании записи во вкладку кода (Текст) и вставляем вот таку конструкцию:
[ arve url=»адрес видео»] без пробела после [
Так же вы можете добавить SEO:
[ arve url=»https://youtu.be/Z7g8-GxLTSc» title=»Название видео» description=»Описание видео» upload_date=»2017-03-14″]
Больше параметров смотрите в документации: nextgenthemes.com/plugins/advanced-responsive-video-embedder-pro/Documentation/
Вариант 2. При помощи шорткодов.
Для этого нужно дополнительно установить плагин Shortcake (Shortcode UI), после этого у вас заработает кнопка в редакторе Embed Video (ARVE)
и будет вызываться такое окошко:
Тут уже все интуитивно понятно и описывать думаю смысла нет.
Если у Вас не получается вставить видео на свой блог при помощи данного плагина, пишите в комментариях! Я всегда постараюсь Вам помочь! Позже я напишу как вставить видео на сайт без плагинов!
Удачи Вам!
Источник: web-revenue.ru
Как вставить видео в блог wordpress с помощью плагина и без него?
Здравствуйте мои дорогие и уважаемые читатели и не менее уважаемые гости блога Валерия Бородина! Я снова рад Вас видеть на моих страницах и расскскрывать волнующие многих вопросы по блоггингу на WordPress. Сегодняшней темой будет интересный вопрос, который я попытаюсь раскрыть в полном объеме.
Казалось бы уже тема избитая! Но как я понял из многочисленных вопросов задаваемых мне моими читателями еще очень актуальная!
Теперь приступим к освещению данного вопроса со всеми его подробностями и нюансами…
Самое интересное, что вопрос, “Как вставить видео в блог wordpress?” интересует не такое уж и малое количество народа на просторах интернета. Посмотрел тут недавно по количеству поисковых запросов в одном сервисе и ужаснулся! Казалось бы вопрос не стоящий “выеденного яйца”, но учитывая всю суть возникшей проблемы буду рад Вам рассказать и показать на примере в видеоуроке, который так и назову “Как вставить видео в блог wordpress?”. Вы его сможете посмотреть в конце данного поста.
Существует несколько способов “Как вставить видео в блог wordpress?”, а если быть точным, то всего лишь два!
Первый способ вставки видео в блог wordpress посредством плагина
И самый простой из них это плагин Video Embedder. Установка и настройка его довольно проста. Нужно зайти в консоли своего блог wordpress во вкладку “плагины”, затем “добавить новый”, далее в строке поиска ввести “Video Embedder” и нажать “Enter”. Во всех найденных плагинах выбрать нас интересующий “Video Embedder” и нажать установить.
После установки нажать “активировать”.
Все наш плагин установлен, активирован и готов к работе!
Нам остается навести мышку на “настройки” и в выпавшем списке найти наш плагин “Video Embedder”, нажать на него. Мы попали в его настройки.
Настраивать ничего не нужно!
Находим интересующий нас тег, например Youtube и напротив “Использование”, после двоеточия, копируем вот этот код:
Где “video_id” нужно будет заменить на код из ссылки видео с Youtube, которое нам нужно будет вставить в нашу запись.
Вот в таком виде выглядит ссылка с Youtube :
https://www.youtube.com/watchv= rKQPzN6O_TU
А что нужно вставить из нее в код вместо “video_id”, я вам выделил жирным и красным!
Все ваш код для вставки видео готов, теперь вам нужно просто его вставить в то место в вашей записи, где его место.
Внимание! Вставлять данный код нужно в режиме “Текст”, а не в коем случае не “Визуально”! Это обязательное условие.
Второй способ вставки видео в блог wordpress без плагина
Для тех, кому не нравятся плагины. И они хотят узнать, как вставить видео в блог wordpress без применения плагина. Я рассказываю, а затем покажу наглядно в видеоуроке, внизу данного поста, напоминаю!
И так вставляем видео в запись, без применения плагина.
Первое, что нам нужно сделать, найти на канале Youtube интересующее нас видео. Затем нажимаем на кнопочку “Поделиться”, находим рядом кнопочку “HTML-код” и нажимаем на нее. Высвечивается код типа вот этого: