Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress

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 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. Easy Video Background 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.