JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
<script src="https://unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.min.js"></script>
<script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js"></script>
<video
  id="demo-player"
  data-cld-public-id="my_audio_file"
  controls
  autoplay
  class="cld-video-player">
</video>

JavaScript

var cld = cloudinary.Cloudinary.new({ cloud_name: "my_cloud_name", secure: true});
var demoplayer = cld.videoPlayer('demo-player')