Html5 плеєр.
Відео: HTML5 Video. Створення свого плеєра (Part I)
Всім привіт! Сьогодні ми розглянемо дуже цікавий плеєр, який ви зможете встановити собі і не боятися про підтримку старих браузерів.
На просторах інтернету знайдений був чудовий плеєр - MediaElement.
Відео: 72.Віджет HTML5 відео плеєр в Adobe Muse | 2015
У чому ж його особливості?
- Якщо браузер підтримує стандарт HTML5, то буде використаний новий HTML5 плеєр, інакше буде використаний Flash
- HTML5 аудіо та відео плеєри написані на чистому html і css
- Підтримує старі браузери
- Підтримує сучасні стандарти, включаючи WebVTT
- Є плагіни для Drupal, Joomla, jQuery, BlogEngine.NET, ruby gem, plone, typo3, є частиною ядра WordPress
- Підтримка різних скінів
Таким чином, ви можете використовувати всього один аудіо або відео файл, який буде працювати у всіх, навіть старих браузерах і виглядати однаково.
Є цікаві функції, наприклад, переклад тексту з відео та відображення його у вигляді субтитрів, зациклення відео, backlight(Іметірует Philipps Ambilight), підтримує YouTube API як для HTML5, так і для Flash. Багато функцій ще будуть додані пізніше.
Загалом, дуже корисний і цікавий плеєр, який ви однозначно повинні спробувати!
Установка, настройка і використання дуже докладно описані на офіційному сайті, так що пояснювати, думаю, не потрібно.
Відео: Аудіоплеєр на HTML5 і Jquery [GeekBrains]
Дякую за увагу!
- Lark player
- Video player
- Hd video player
- Vkvideo плеєр
- Pplayer
- Плеєр мрії
- Як зробити відео в якості фону сайту на html5. (1/2).
- Робота з відео в html5.
- Як зробити відео в якості фону сайту на html5. (2/2).
- Html 5 що нового?
- Чому не працює html5?
- Як зробити просту навігацію на html5 і css3.
- Вийшов курс "html5 і css3 з нуля до гуру"
- Перевірка підтримки нововведень html5 і css3.
- Атрибути html5: reversed, contenteditable, hidden.
- Чи потрібно зараз використовувати html5 і css3
- Робота з аудіо в html5.
- Властивість z-index і плеєр youtube
- Атрибут data- * в html5.
- Браузер google chrome блокуватиме flash-контент
- Атрибут html5 - read only.