Artículo

Plyr – Un media player todoterreno para tus proyectos frontend

Si estabas buscando un reproductor multimedia todoterreno, moderno, en HTML5 y Javascript para tus proyectos frontend, no busques más Plyr es lo que buscas.

Se trata de un reproductor multimedia multifuncional. Sirve para Audio, Videos HTML5, Youtube y Vimeo. Con esto se cubren los elementos multimedias más típicos de un sitio web.

Características

  • Accessible – Soporte completo para VTT y lectores de pantallas.
  • Ligero – Menos de 10Kb
  • Personalizable – Puedes cambiar todos los detalles del reproductor mediante CSS.
  • Semántico – Uso de tags HTML5. <input type="range"> para el volumen y <progress> para el progreso, <button> para los botones. Nada de hacks como <span> o <a href="#">.
  • Reponsivo – No esperamos otra cosa hoy en día
  • HTML Video & Audio – Soporte para Audios y Videos HTML.
  • Embedded Video – Soporte para Youtube y Vimeo.
  • API – Pausa/Reproducir, Volumen, Búsqueda, etc.
  • Eventos universales – API de eventos unificada para todos los formatos incluso Youtube y Vimeo.
  • Pantalla completa – Soporta pantalla completa nativa y ventana completa.
  • Soporte i18n – Soporte para la internacionalización.
  • Sin dependencias – Escrito en Javascript puro, nada de Jquery u otras dependencias.
  • SASS y LESS – Provee versiones de SASS y LESS para integrarlo en tu proyecto.
  • Compatible con Bootstrap

Puedes instalarlo desde NPM, Bower y otras opciones. Integrarlo en tu proyecto es muy fácil y las intrucciones de uso están muy bien documentadas en su página de Github.

Plyr | https://plyr.io

Comentarios