JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<link href="https://unpkg.com/[email protected]/dist/cld-video-player.min.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/cloudinary-core-shrinkwrap.min.js" type="text/javascript"></script>
<script src="https://unpkg.com/[email protected]/dist/cld-video-player.min.js" 
    type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dashjs/3.0.2/dash.all.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-dash/2.11.0/videojs-dash.min.js" 
    type="text/javascript">  
</script>
<iframe
src="https://player.cloudinary.com/embed/?public_id=https%3A%2F%2Fmedia.truva.com%2Fvideo%2Fupload%2Fz5zragbbjc5ekf82iwpk&cloud_name=demo&player%5Bfluid%5D=true&player%5Bcontrols%5D=true&source%5Bsource_types%5D%5B0%5D=mp4"
width="640"
height="480"
allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
allowfullscreen
frameborder="0"
  poster="https://media.truva.com/video/upload/y6pfq38umqqlnmf2vyv7.jpg"

></iframe>

Cloudinary Support Doc Code Block:
<iframe
src="https://media.truva.com/video/upload/z5zragbbjc5ekf82iwpk"
width="500px"
allow="autoplay; fullscreen"
frameborder="0">
</iframe>

VTS Special Code Block:
<video controls="" poster="https://media.truva.com/video/upload/f_png,t_play_circle_small.video_watermark/y6pfq38umqqlnmf2vyv7" data-testid="spaceVideo"><source src="https://media.truva.com/video/upload/t_video_watermark/y6pfq38umqqlnmf2vyv7.mp4" type="video/mp4"></video>