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

20 корисних плагінів відео, доступних на CodeCanyon

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) translation by Andy Yur (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. Easy Video Background 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
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.