Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

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

by
Difficulty:BeginnerLength:LongLanguages:

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 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 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 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 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 WP

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

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

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

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

6. Ultimate Video Player

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

Ultimate Video Player

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

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

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

7. YouTube Vimeo Popup Plugin

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

YouTube 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 Video

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

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

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

9. HelloVideo – Video CMS

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

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

HelloVideo Video CMS

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

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

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

10. jQuery HTML5 Video Player

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

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

jQuery 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 Video

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

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

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

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

12. Vimuse - HTML5 Media Player

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

Vimuse - 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 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 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 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 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 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 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 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 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.