Get started with jplayer CDN

MIT licensed

JPlayer: Lightweight HTML5/Flash media player. Supports multiple files, offers playlists, custom skins.

Tags:
  • framework
  • audio
  • video
  • html5

Stable version

Copied!

How to start using jplayer CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jplayer CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jplayer/2.9.2/CSS/jplayer.blue.min.css" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jplayer/2.9.2/jplayer/jquery.jplayer.min.js"></script>
</head>
<body>
    <div id="jplayer"></div>
    <script>
        $(document).ready(function() {
            $("#jplayer").jPlayer({
                ready: function () {
                    this.setMedia({
                        title: "Example Track",
                        m4a: "path/to/your/audiofile.m4a" // Replace with the path to your audio file
                    });
                },
                swfPath: "https://cdn.cdnhub.io/jplayer/2.9.2/jplayer",
                supplied: "m4a"
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions