JSFiddle - React, Tailwind, and code Playground

by sambrace

HTML

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

JavaScript

var cld = cloudinary.Cloudinary.new({ cloud_name: 'nflclubs' });
var player = cld.videoPlayer('example-player',{
	publicId: 'nfl100/y0buxwntxljhd7m7ptuu',
  loop: true,
  controls: true,
	transformation: {height: 1080, width: 1920, background: "blurred:1000", crop: "pad"}
});