JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/cld-video-player.css">
<script src="https://unpkg.com/[email protected]/dist/cld-video-player.js"></script>
<div style="max-width: 800px">
<video id="player"  controls  muted  class="cld-video-player cld-fluid"></video>
</div>

JavaScript

const player = cloudinary.videoPlayer('player', {
  cloudName: 'shirly-assets',
  fluid: true,
  controls: true
});

player.source('rak6iwlippv2w6tvonn4', {
  textTracks: {
    captions: {
      label: 'Hebrew',
      language: 'iw',
      url: 'https://res.cloudinary.com/shirly-assets/raw/upload/v1722874751/rak6iwlippv2w6tvonn4.he-IL.azure.transcript',
      default: true
    }
  }
});