JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<script src="https://unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css">
<script src="https://unpkg.com/[email protected]/cloudinary-core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/cld-video-player.min.js"></script>
 <video
    id="demo-player"
    controls>
  </video>

JavaScript

var cld = cloudinary.Cloudinary.new({ cloud_name: "demo"});
  var player = cld.videoPlayer('demo-player');
  player.source('dog');
 
        
  var t=player.currentTime(0);
  console.log(t);
  console.log(JSON.parse(JSON.stringify(t)));

  player.on('loadedmetadata',function(){
    console.log(player.duration());
  });