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"
  }
});