JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<link href="https://unpkg.com/[email protected]/dist/cld-video-player.min.css" rel="stylesheet">
<script src="https://unpkg.com/cloudinary-core@latest/cloudinary-core-shrinkwrap.min.js" type="text/javascript"></script>
<script src="https://unpkg.com/[email protected]/dist/cld-video-player.min.js" 
    type="text/javascript"></script>
    
<div style="max-width: px">
<video id="doc-player"  controls  autoplay="false"  class="cld-video-player cld-fluid"></video>
</div>

JavaScript

var cld = cloudinary.Cloudinary.new({ cloud_name: 'shirly' });
var demoplayer = cld.videoPlayer('doc-player').width(600);
demoplayer.source('newsela')