JSFiddle - React, Tailwind, and code Playground

by Yakir Perlin

HTML

<link href="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.css" rel="stylesheet">
<script src="https://unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.min.js" type="text/javascript"></script>
<script src="https://unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js" 
    type="text/javascript"></script>
     <script type="text/javascript" src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script>


    
<script>
 

</script>   

   <html>
   
   
 <video
  id="demo-player"
  controls
  autoplay
  class="cld-video-player">
</video>
 </html>

JavaScript

var myAdTag = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";


var cld = cloudinary.Cloudinary.new({ cloud_name: "demo", secure: true});
var vplayer = cld.videoPlayer("demo-player", {
   publicId: 'dog',
   loop: true,
   controls: true,
   
  ads: {
    adTagUrl: myAdTag
    }
 
 
  
});