Advertisement
  1. Web Design
  2. WordPress

20 полезных плагинов для видео, доступных в CodeCanyon

by
Read Time:9 minsLanguages:

Russian (Pусский) translation by Sergey Zhuk (you can also view the original English article)

От статических изображений до анимированных GIF-файлов, от «наилучшего просмотра в Netscape 4.0» до просмотра на любом устройстве, которое только можно себе представить, Интернет всегда подталкивал себя к новым ограничениям.

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

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

1. Video & Parallax Backgrounds For Visual Composer

Добавление видео фона на ваш веб-сайт WordPress очень просто с фоном Video & Parallax For Visual Composer.

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

Video Parallax Backgrounds For Visual ComposerVideo Parallax Backgrounds For Visual ComposerVideo Parallax Backgrounds For Visual Composer

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

Вы можете настроить его для полноэкранного, полноэкранного, полноэкранного, HD видео фона, многослойного параллакса / видео / фона наведения и т. Д.

Особенности:

  • Плавная прокрутка мышью
  • Отключить параллакс для мобильных устройств
  • аппаратное ускорение
  • и более

Просто активируйте этот плагин с вашей темой WordPress, и вы будете готовы к использованию элементов фона, параллакса и hover.

 Video & Parallax Backgrounds For Visual Composer - это быстрый и простой способ добавить потрясающие эффекты видео и параллакса на ваш сайт WordPress.

2. HTML5 Video Player with Playlist & Multiple Skins

Начните воспроизведение видеофайлов .MP4 и .WEBM в стиле с проигрывателем видео HTML5 с плейлистом и несколькими скинами.

Это не просто видеоплейер HTML5, вы также можете настроить списки воспроизведения.

HTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple Skins

Это включает в себя две разные версии. Первая версия имеет список воспроизведения, расположенный справа, а вторая версия помещает ваш плейлист под видео.

Особенности:

  • Полноэкранный просмотр
  • Пять разных скинов
  • Полный контроль игрока
  • Полностью адаптивный
  • и более

HTML5 Video Player with Playlist & Multiple Skins очень лёгкий, весит всего 38 КБ и прост в использовании.

Доступны версии HTML5 и WordPress.

3. Modern HTML5 Responsive YouTube Playlist Player

Современный адаптированный HTML5 плеер YouTube Playlist - это элегантный способ трансляции видео YouTube на ваш сайт.

С двумя разными макетами и «отзывчивым с интеллектуальным изменением размера» видео YouTube никогда не выглядело так хорошо.

Modern HTML5 Responsive YouTube Playlist PlayerModern HTML5 Responsive YouTube Playlist PlayerModern HTML5 Responsive YouTube Playlist Player

Просто введите идентификатор плейлиста YouTube, идентификатор канала или любой массив идентификаторов видео в качестве источника плейлиста, и вы сможете показывать видеоролики YouTube без стандартного интерфейса YouTube.

Некоторые функции включают в себя:

  • Поддержка мобильного браузера и сенсорного экрана
  • Пользовательские элементы управления проигрывателем
  • Последний YouTube API
  • Кнопки социального доступа
  • и более

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

Modern HTML5 Responsive YouTube Playlist Player прекрасно спроектирован, легко настраивается и доступен как в HTML5, так и в WordPress.

4. CCGallery - HTML5 Multimedia Gallery

Несмотря на то, что это было в течение многих лет, теперь представление CoverFlow, используемое в OS X, является красивым способом просмотра файлов.

И теперь, с помощью галереи CCGallery - HTML5 Multimedia Gallery, вы можете представить изображения, аудио и видео, используя тот же стиль на вашем сайте.

CCGallery - HTML5 Multimedia GalleryCCGallery - HTML5 Multimedia GalleryCCGallery - HTML5 Multimedia Gallery

Пользовательский интерфейс включает возможность выбора CoverFlow или миниатюр, а также сортировку трех различных поддерживаемых типов медиа (изображения, аудио и видео).

Другие функции:

  • CSS 3D Transforms, используемые для поддерживаемых браузеров с HTML5 Canvas fallback
  • Включает в себя две цветовые схемы с возможностью делать трюки с помощью CSS
  • Автовоспроизведение и настройка контуров для аудио- и видеофайлов
  • Настроить с помощью простого XML-файла
  • и более

Отзывчивый и с поддержкой сенсорного экрана, плагин CCGallery - HTML5 Multimedia Gallery готов отображать медия на вашем веб-сайте.

Доступны версии HTML5 и WordPress.

5. Простой видеоролик WP

Легко «подключить и смотреть» к видеофону WordPress.

Easy Video Background WP можно использовать полноэкранный режим, div или эскиз.

Easy Video Background WPEasy Video Background WPEasy Video Background WP

Особенности:

  • Поддержка YouTube и собственного видео
  • Фиксированное или абсолютное позиционирование
  • HTML5 с резервными вариантами
  • Управления проигрывателем
  • и более

Самая уникальная и «сногсшибательная» (я ненавижу говорить это) функция должна быть опцией миниатюры, которая автоматически запускает видео при наведении указателя мыши. Очень крутой эффект.

Easy Video Background WP - это не только очень простой плагин, но он также включает в себя отшлифованные варианты для реализации на вашем сайте WordPress.

6. Ultimate Video Player

На этот проигрыватель вы можете выкладывать локальные, потоковые и YouTube видео. Может быть, поэтому он называется Ultimate Video Player?

Ultimate Video PlayerUltimate Video PlayerUltimate Video Player

Этот видеоплеер полон возможностей:

  • Оптимизирован для мобильных и настольных компьютеров
  • Настройте плейлисты и категории
  • Настраиваемые миниатюры
  • Опционально глубокое связывание
  • и более

Для тех, кто размещает свои собственные видео, есть опция «загрузки видео», которая может быть добавлена или удалена по всему миру или на основе видео. С неограниченными списками воспроизведения, гибким скином и несколькими резервными вариантами, возможно, это Ultimate Video Player (версия WordPress также доступна).

7. YouTube Vimeo Popup Plugin

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

YouTube Vimeo Popup PluginYouTube Vimeo Popup PluginYouTube Vimeo Popup Plugin

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

Возьмите jQuery-версию плагина YouTube Video Popup или плагина WordPress YouTube Vimeo Popup.

8. FullScreen Background / Gallery – Image and Video

FullScreen Background / Gallery – Image and Video включает в себя несколько различных опций для видео и изображений.

FullScreen Background Gallery Image and VideoFullScreen Background Gallery Image and VideoFullScreen Background Gallery Image and Video

Некоторые из функций включают в себя:

  • Более 40 js настраиваемых опций
  • Текстура поверх изображений
  • Полностью реагировать
  • Анимированный текст
  • и более

FullScreen Background / Gallery – Image and Video можно использовать в качестве полноэкранного фона, полноэкранной мультимедийной галереи или полноформатного мультимедийного слайдера для всех ваших потребностей в видео и изображениях. Он также входит в пакетную версию WordPress.

9. HelloVideo – Video CMS

Он не просто делится полезными плагинами видео без включения этого надежного решения.

HelloVideo - Video CMS - это полнофункциональный PHP-скрипт, который отображает видеоролики по сообщениям, страницам и может бесплатно предоставлять ваши видео или только подписчикам.

HelloVideo Video CMSHelloVideo Video CMSHelloVideo Video CMS

Набор впечатляющих функций HelloVideo включает:

  • Добавлять сообщения, страницы, категории и меню
  • Принимать повторяющиеся платежи через ленту
  • Отслеживать статистику и аналитику
  • Несколько тем
  • и многое другое

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

10. jQuery HTML5 Video Player

Простой и легкий.

Как и все хорошие jQuery видеоплееры HTML5 должны быть.

jQuery HTML5 Video PlayerjQuery HTML5 Video PlayerjQuery HTML5 Video Player

Основанный на библиотеке jQuery JavaScript, этот видеоплеер HTML5 имеет приятный пользовательский интерфейс, поддерживает полноэкранный режим и предлагает несколько других приятных вещей:

  • Поддерживает автоматическое воспроизведение, предварительную загрузку видео и циклическое видео
  • Отображает сообщение для более старых браузеров
  • Отображение состояния буфера
  • Отпечаток 8 КБ
  • и более

jQuery HTML5 Video Player является мобильным и не требует никаких плагинов для браузера, полностью работает в JavaScript.

11. MediaBox - jQuery Plugin for Audio & Video

Используя HTML5, jQuery и jPlayer с переходом на Flash, модуль MediaBox - jQuery для аудио и видео включает в себя несколько приятных наворотов.

MediaBox - jQuery Plugin for Audio VideoMediaBox - jQuery Plugin for Audio VideoMediaBox - jQuery Plugin for Audio Video

Есть много вариантов и API. Некоторые функции включают в себя:

  • Поддерживает как видео-, так и аудиофайлы
  • Извлекает метаданные (если доступно)
  • 9 простых в использовании виджетов
  • Управление плейлистами
  • и более

Вы можете смешивать свои собственные функции с дружественным для разработчиков API и использовать виджеты самостоятельно или все вместе для более надежных решений.

Быстрое и простое создание мультимедийных приложений с помощью MediaBox - jQuery Plugin for Audio & Video.

12. Vimuse - HTML5 Media Player

Медиа-проигрыватель Vimuse - HTML5 больше похож на мультимедийное приложение, чем на то, что вы вставляете в веб-сайт. Этот надежный и динамичный медиаплагин является превосходным видео и аудио плеером.

Vimuse - HTML5 Media PlayerVimuse - HTML5 Media PlayerVimuse - HTML5 Media Player

Воспроизведение аудиофайлов и видеофайлов, размещенных самостоятельно, или вытягивание видеороликов с YouTube, Vimeo, Dailymotion или аудио из потоков Shoutcast и Icecast.

Особенности:

  • Вытягивать отдельные видео, пользовательские видео, плейлист и каналы
  • Показывать контент после проката для видео
  • Несколько вариантов компоновки
  • Показать видео субтитры
  • и многое другое

Он поставляется в двух цветовых схемах и имеет огромный список настраиваемых параметров.

Плагин Media Player Vimuse - HTML5 является одновременно красивым и надежным и поставляется в нескольких вариантах: HTML5, WordPress и Layers.

13. YouTube Channel WordPress Plugin – Yottie

Этот плагин WordPress превращает ваш сайт в идеальный видеопортал YouTube.

Плагин YouTube WordPress - Yottie является обязательным элементом для YouTubers, который пытается установить собственное присутствие в Интернете.

YouTube Channel WordPress Plugin YottieYouTube Channel WordPress Plugin YottieYouTube Channel WordPress Plugin Yottie

Некоторые из мощных функций:

  • Настраиваемое время кэширования, порядок видео и сетка видео
  • 4 цветовых схемы и 16 поддерживаемых языков
  • Более 100 регулируемых параметров
  • Полностью адаптивный и готов к использованию на ретине
  • и многое другое

Этот плагин для видео WordPress обладает множеством функций, и он больше похож на тему, чем плагин. YouTube Channel WordPress Plugin – Yottie - впечатляющее предложение в мире плагинов для видео и должно серьезно рассматриваться в YouTubers.

14. Ultimate Video SEO Plugin

Если ваш сайт WordPress обслуживает много видео, получить хороший сок SEO на нем может быть трудно. Вместе с Ultimate Video SEO Plugin, однако, это не обязательно.

Ultimate Video SEO PluginUltimate Video SEO PluginUltimate Video SEO Plugin

Этот плагин видео имеет все, что вам нужно в видео плагина с SEO:

  • Автоматическое SEO-видео для крупных видеохостов, в том числе для самостоятельного размещения
  • Поддерживает вложение видео с помощью короткого кода или метабокса
  • Schema.org разметка видеообъекта
  • Поддержка пользовательских типов сообщений
  • и многое другое

С хорошо продуманной XML-картой сайта и легко настраиваемой, это один из самых впечатляющих плагинов для WordPress для видео, который вы найдете.

Ultimate Video SEO Plugin - это «Йоаст» видео SEO.

15. WP Playlist Video Gallery

Вот еще один хороший вариант, чтобы рассмотреть возможность включения ваших видео или канала YouTube в свой веб-сайт на WordPress.

WP Playlist Video Gallery идеально подходит для создания плейлистов и галерей видео.

WP Playlist Video GalleryWP Playlist Video GalleryWP Playlist Video Gallery

Создайте столько плейлистов, сколько захотите, с помощью этого красивого стилизованного плагина.

Особенности:

  • Использовать короткие коды для показа каналов YouTube, списков воспроизведения и избранных
  • Искать, добавлять и удалять видео в консоли администратора
  • Изменение размеров проигрывателя, эскизы и заголовки
  • Полностью адаптивный
  • и более

WP Playlist Video Gallery - хороший плагин для WordPress, позволяющий интегрировать видео и плейлисты YouTube на ваш сайт.

16. HTML5 Video Player & FullScreen Video Background

Легко добавлять YouTube, Vimeo и видео с полноэкранным фоном для видео в формате HTML5 Video Player и FullScreen Video Background.

HTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video Background

Отображение полноэкранного видео без черных полос или его настройка с помощью:

  • Текстура поверх видео
  • 30 js вариантов
  • Фиксированная ширина
  • полная ширина
  • и более

Этот плагин для видео в 22 КБ очень прост. Есть также версия WordPress для HTML5 Video Player & FullScreen Video Background.

17. WooCommerce Video Links - Product Embedded Videos

Изображения отличные, но видео лучше.

Добавьте несколько видеообъявлений в свои продукты с помощью WooCommerce Video Links - Product Embedded Videos.

WooCommerce Video Links - Product Embedded VideosWooCommerce Video Links - Product Embedded VideosWooCommerce Video Links - Product Embedded Videos

Особенности:

  • Поддерживает YouTube, Vimeo, Wistia и другие.
  • Также работает с SoundCloud Music
  • Загружает как встроенное или лайтбокс
  • и более

Замена вашего изображения продукта WooCommerce Featured на страницах продукта с видео не намного проще.

WooCommerce Video Links - Product Embedded Videos - это потрясающее дополнение к вашему интернет-магазину.

18. PHP Video Plugin

Легко интегрировать PHP Video Plugin в CodeIgniter или стандартный PHP. Этот плагин видео является прекрасным дополнением к любому инструменту веб-разработчика.

PHP Video PluginPHP Video PluginPHP Video Plugin
«Этот видеоплагин может отображать URL-адрес YouTube или Vimeo и возвращать массив информации, такой как уменьшенное изображение, заголовок, длина, теги, представления и т.д. Он может даже автоматически встроить видео в страницу ».

Кроме того, в нем используется новое встраивание iframe, которое добавляет поддержку HTML5, делая воспроизведение видео на устройствах iOS и Android.

Я полагаю, что PHP Video Plugin станет стандартным для многих.

19. StarTube - YouTube Video Gallery Powered by jQuery

Подобно некоторым из упомянутых выше плагинов WordPress, StarTube - Видеогалерея YouTube, разработанная jQuery, обеспечит легкий и эффективный способ переноса видео YouTube на ваш сайт (WordPress не требуется).

StarTube - YouTube Video Gallery Powered by jQueryStarTube - YouTube Video Gallery Powered by jQueryStarTube - YouTube Video Gallery Powered by jQuery

Используя лучшие методы HTML5, CSS3 и JavaScript, StarTube выглядит очень приятно:

  • Установить качество видео по умолчанию и видео для загрузки
  • Клавиатура и экранные элементы управления
  • Разбивка на страницы и варианты компоновки
  • Группировать видео по категориям
  • и многое другое

Если вам нужна видео галерея, StarTube - YouTube Video Gallery Powered by jQuery стоит того.

20. YouTubeR - Unique YouTube Videos Plugin

YouTubeR - Уникальный плагин YouTube Videos действительно является уникальным плагином для WordPress для YouTubers.

Он полностью адаптивный, включает в себя четыре шаблона и совместим с WPML, но это не то, что бросается в глаза.

YouTubeR - Unique YouTube Videos PluginYouTubeR - Unique YouTube Videos PluginYouTubeR - Unique YouTube Videos Plugin

YouTubeR позволяет загружать свои видео на YouTube через WordPress.

После этого вы можете легко вставлять видео, плейлисты и каналы. Но как загрузить их? Это новый трюк. Он также включает виджеты, работает на AJAX, использует API Google и многое другое.

Наконец, YouTubeR - Unique YouTube Videos Plugin прекрасно выполняет свою работу, интегрируя функции YouTube, такие как «thumbsup», «thumbsdown» и другие функции YouTube.

Заключение

От клонов YouTube до хорошо разработанных решений по встраиванию видео в видеоролики плагины бывают разных форм и размеров, что упрощает внедрение видео в веб-проекты.

Вы можете найти эти плагины, а также все, что вам нужно для вашего следующего творческого проекта на Envato Market. И если вы не можете найти именно то, что ищете, рассмотрите одно из многих учебников по коду, курсов или электронных книг.

Вы использовали видео в своих недавних веб-проектах?

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.