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>
<div style="max-width: 550px">
<video id="doc-player" controls muted class="cld-video-player cld-fluid" >  </video>
</div>

JavaScript

var cld = cloudinary.Cloudinary.new({ cloud_name: 'demo' });
var player = cld.videoPlayer('doc-player', {
	loop: true,
  controls: false,
  autoplay: true,
});
player.source('HomePage_4_vjmsbo', {
	sourceTypes: ["hls"],
  transformation: {
  	streaming_profile: "full_hd",
  }
}).play();