Get started with plyr CDN

MIT licensed

Plyr is a lightweight, flexible HTML5 video player library for the web.

Tags:
  • HTML5 Video
  • HTML5 Audio
  • Media Player

Stable version

Copied!

How to start using plyr CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with plyr CDN - cdnhub.io</title>
  <style>
    #player { width: 100%; height: auto; }
  </style>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/plyr.min.js"></script>
</head>
<body>
  <video id="video" width="640" height="360" controls>
    <source src="path/to/your/video.mp4" type="video/mp4">
    <source src="path/to/your/video.webm" type="video/webm">
  </video>
  <script>
    const player = new Plyr('#video');
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions