Get started with cloudinary-video-player CDN

MIT licensed

Cloudinarys component embeds and customizes video playback on websites using its media delivery network.

Tags:
  • hls
  • video
  • video-player

Stable version

Copied!

How to start using cloudinary-video-player CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with cloudinary-video-player CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.cloudflare.com/ajax/libs/cloudinary-video-player/1.10.6/cld-video-player.css" />
</head>
<body>
  <div id="player"></div>
  <script src="https://cdn.cdnhub.io/cloudinary-video-player/1.10.6/cld-video-player.min.js"></script>
  <script>
    const player = Cloudinary.createPlayer({
      source: "cloudinary:your_cloud_name:your_video_id", // Replace with your Cloudinary video ID
      container: "#player",
      width: 640,
      height: 360,
      responsive: true,
      autoplay: true,
      loop: true,
      poster: "cloudinary:your_cloud_name:your_poster_image_id", // Replace with your Cloudinary poster image ID
      plugins: [
        { name: "plugins.social-sharing", socialSharing: { facebook: true, twitter: true } },
        { name: "plugins.volume", volume: 50 },
        { name: "plugins.fullscreen", fullscreen: true },
      ],
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions

1.10.0 1.10.1 1.10.1-edge.1 1.10.1-edge.2 1.10.2 1.10.2-edge.1 1.10.2-edge.2 1.10.2-edge.3 1.10.2-edge.4 1.10.3 1.10.3-edge.0 1.10.3-edge.1 1.10.3-edge.2 1.10.3-edge.3 1.10.3-edge.4 1.10.3-edge.5 1.10.3-edge.6 1.10.3-edge.7 1.10.3-edge.8 1.10.3-edge.9 1.10.4 1.10.4-edge.1 1.10.4-edge.2 1.10.4-edge.3 1.10.5 1.10.5-edge.1 1.10.5-edge.10 1.10.5-edge.11 1.10.5-edge.12 1.10.5-edge.2 1.10.5-edge.6 1.10.5-edge.7 1.10.5-edge.8 1.10.5-edge.9 1.10.6 1.10.6-edge.0 1.10.6-edge.1 1.10.6-edge.10 1.10.6-edge.11 1.10.6-edge.12 1.10.6-edge.13 1.10.6-edge.14 1.10.6-edge.15 1.10.6-edge.2 1.10.6-edge.3 1.10.6-edge.4 1.10.6-edge.5 1.10.6-edge.6 1.10.6-edge.7 1.10.6-edge.8 1.10.6-edge.9 1.10.7-edge.0 1.10.7-edge.1 1.10.7-edge.2 1.10.7-edge.3 1.10.7-edge.4 1.10.7-edge.5 1.11.0 1.11.1 1.11.1-edge.0 1.9.10 1.9.10-edge.0 1.9.10-edge.1 1.9.10-edge.2 1.9.10-edge.3 1.9.11 1.9.11-edge.0 1.9.11-edge.1 1.9.11-edge.2 1.9.11-edge.3 1.9.12 1.9.12-edge.0 1.9.12-edge.1 1.9.12-edge.2 1.9.13 1.9.13-edge.0 1.9.14 1.9.14-edge.1 1.9.14-edge.2 1.9.14-edge.3 1.9.15 1.9.15-edge.0 1.9.15-edge.1 1.9.15-edge.2 1.9.15-edge.3 1.9.16 1.9.16-edge.0 1.9.16-edge.1 1.9.16-edge.2 1.9.16-edge.3 1.9.16-edge.4 1.9.17 1.9.17-edge.1 1.9.17-edge.2 1.9.17-edge.3 1.9.17-edge.4 1.9.17-edge.5 1.9.17-edge.6 1.9.17-edge.7 1.9.17-edge.8 1.9.18 1.9.18-edge.1 1.9.18-edge.2 1.9.19-edge.1 1.9.19-edge.2 1.9.19-edge.3 1.9.19-edge.4 1.9.19-edge.5 1.9.19-edge.6 1.9.19-edge.7 1.9.8 1.9.9 1.9.9-edge.0 1.9.9-edge.1 2.0.0 2.0.0-edge.1 2.0.0-edge.2 2.0.0-edge.3 2.0.0-edge.4 2.0.0-edge.5 2.0.0-edge.6 2.0.0-edge.7 2.0.0-edge.8 2.0.0-edge.9 2.0.1 2.0.1-edge.0 2.0.2 2.0.2-edge.0 2.0.2-edge.1 2.0.2-edge.2 2.0.2-edge.3 *** 2.0.3 2.0.3-edge.0 2.0.3-edge.1 2.0.4-edge.0