Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как добавить на свой сайт Крутой видео плеер. Вы сможете добавлять видео из — Ютуба, Vimeo, Facebook, загружать своё видео, с помощью ссылки. Можно выбрать стиль для видео плеера, в виде — сетки, слайдера, плейлиста, просто лист или список. Можно создать свой стиль для видео плеера, выбрать количество колонок, размер и цвет текста, цвет фона плеера и т.д. Стили видео плеера:
Sidebar playlist:
Sidebar playlist адаптивный:
Видео плеер слайдер:
Установить плагин Frames Video Player вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Frames. Здесь будут отображаться все созданные вами видео плееры и плейлисты. Чтобы создать новый видео плеер, нажмите на кнопку — Add Playlist.
Далее, для создания видео плеера — укажите название плеера и нажмите на кнопку — Save. Здесь же будет отображаться шорткод для добавления плеера на страницу или в запись. Затем вам нужно будет выбрать откуда вы будете добавлять видео на свой сайт.
Далее, после выбора источника видео, у вас появится окно для добавления данных видео. Здесь вам нужно указать — url адрес видео, название и описание видео, продолжительность видео. После чего нажмите на кнопку — Save.
Внимание! Чтобы все поля заполнились автоматически (если вы к примеру добавляете видео из Ютуба) — вставьте URL адрес видео и нажмите на кнопку Enter. После сохранения видео — вы сможете добавить ещё видео.
Далее, чтобы создать стиль для плеера, перейдите на страницу: Themes и нажмите на кнопку — New theme.
Далее, у вас откроется страница для настройки внешнего вида видео плеера:
— Name, любое название для стиля или темы.
— Style, выберите стиль отображения видео плеера.
— Autoplay on load, можно включить авто-воспроизведение плеера при загрузке.
— Components, оставьте по умолчанию.
— Grid, для стиля Grid можно выбрать количество колонок и интервал (расстояние) между колонками.
— Per load, можно выбрать количество загруженных видео на одной странице при включённой пагинации. (не доступно для слайдера).
— Background, цвет фона плеера.
— Color, цвет плеера.
— Font size, размер текста.
— Align right, отображения плеера с правой стороны.
— Сохраните изменения, нажав на кнопку — Save.
Далее, на странице «Settings» можно настроить дополнительные настройки плагина.
— Remove data on uninstall, поставьте здесь галочку и сохраните настройки, если будете удалять плагин.
— YouTube API key, айпи ключ ютуб, отображается автоматически.
— Load anywhere, поставьте здесь галочку, если будете добавлять шорткод в запись или виджет.
— More, можно перевести надпись more на Русский язык.
— Save, сохраните изменения.
Всё готово! Скопируйте шорткод плеера и вставьте его на страницу, в запись или виджет. В видео плеер встроены кнопки, чтобы делиться видео в соцсетях — Facebook, Twitter, Google+. Очень крутой плеер!
Остались вопросы? Напиши комментарий! Удачи!
Можно в zip архиве данный плагин скачать ? на странице плагинов его нету
Есть он там, внимательно смотрите, в результатах поиска, в самом низу слева.
У меня на сайте стоят блоки видео из одноклассников и майл.ру, но они не подходят для просмотра на мобильных устройствах ( во всяком случае гугл ругается на эти плееры). Есть много плееров которые воспроизводят видео из Ютуб и Вимео, но с одноклассников и майл.ру я еще не видел. Подскажите пожалуйста плагин, который создает плеер с возможностью воспроизведения видео с этих соцсетей? Или другое решение этой проблемы.
Такого плагина на WordPress точно нет. Каким образом вы добавляете видео?
Просто беру HTML код видео и вставляю на страницу, как и все,но гугл пишет, что используются несовместимые плагины для мобильных устройств, и все страницы на которых вставлены блоки с одноклассников и майл.ру в отчетах идут с ошибками.
Код какой, iframe?
Да iframe. Хочу добавить, что при подключении плагина для мобильных устройств видео с указанных соцсетей транслируются нормально на андроид.
У гугла на ютубе видео тоже iframe, чем они отличаются от майл и ок? Гуглу много чего не нравится, но это не значит, что нужно вестись на это. Яндекс же не ругается? Ошибка критическая? Если нет, я бы просто забил на это.
Решил вопрос при помощи одного человека Spectrum — огромное ему спасибо. Даю ссылку на плагин, может кому и пригодится ru.wordpress.org/plugins/advanced-responsive-video-embedder/