Posty

Plyr: elastyczny player, który możesz stylować CSS-em

Ambroży Administrator, zaktualizowany 31.08.2020 o 14:40

plyr.png

Plyr to ciekawy projekt odtwarzacza audio/video, który został stworzony w czystym HTML-u i CSS-ie. Dzięki temu szybko renderuje się w przeglądarce a od strony wizualnej może być w szerokim stopniu konfigurowalny. Wykorzystuje typowe elementy HTML: <span>, <button>, <a href="#">, <input type="range">. Wygląd odtwarzacza możemy zmieniać nadpisując klasy CSS własnymi wartościami.

Poza odtwarzaniem plików bezpośrednio z serwera, Plyr obsługuje również media z dwóch największych platform: You Tube i Vimeo oraz umożliwia integrację z bibliotekami streamingowymi Dash.js, Hls.js i Shaka Player. Z innych ciekawych cech odtwarzacza warto wymienić:

  • responsywność, czyli dostosowywanie się do każdego rozmiaru ekranu
  • obsługa trybu obraz w obrazie i pełnego ekranu
  • obsługa API
  • skróty klawiaturowe
  • obsługa plików z napisami w wielu językach
  • różne prędkości odtwarzania


© 2024 Młody Informatyk v. 0.1.7717