Accessible Customizable HTML5, YouTube And Vimeo Player Plugin – plyr

File Size: 31.46 KB
Views Total: 2958 views
Last Update:June 18, 2024
Publish Date: February 14, 2015
Official Website: Go to website
License: MIT
Plugin Author: sampotts
Demo    Download

A Free Video player with jQuery plugin with plyr is provide HTML5, YouTube and Vimeo player. it provide different-different resolution videos when switch to resolution. Plyr is a simple, lightweight, accessible and customizable HTML5, YouTube and Vimeo media player that supports modern browsers.

How to use :

Add source for java Script & CSS :

<link rel="stylesheet" type="text/css" href="plyr.css">
<script type="text/javascript" src="plyr.js"></script>

Add HTML element for HTML5 Video Player :

<video id="player" playsinline controls data-poster="/path/to/poster.jpg">
  <source src="/path/to/video.mp4" type="video/mp4" />
  <source src="/path/to/video.webm" type="video/webm" />

  <!-- Captions are optional -->
  <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default />

For HTML5 Audio :

<audio id="player" controls>
  <source src="/path/to/audio.mp3" type="audio/mp3" />
  <source src="/path/to/audio.ogg" type="audio/ogg" />

For YouTube player code :

<div class="plyr__video-embed" id="player">

For Vimeo Player :

<div class="plyr__video-embed" id="player">

Initialization with Script :

  const player = new Plyr('#player');


Thanks for make jQuery plugin is developed by sampotts For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :
  • v3.7.8
  • v3.7.7
  • v3.7.6
  • v3.7.5
  • v3.7.4
  • v3.7.3
  • v3.7.2
  • v3.7.1
  • v3.7.0
  • v3.6.12
  • v3.6.11
  • v3.6.10
  • v3.6.9
  • v3.6.8
  • v3.6.7
  • v3.6.6
  • v3.6.5
  • v3.6.4
  • v3.6.3
  • v3.6.2
  • v3.6.1
  • v3.5.10
  • v3.5.9
  • v3.5.8
  • v3.5.7
  • v3.5.6
  • v3.5.5
  • v3.5.4
  • v3.5.3
  • v3.5.2


Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.