JSFiddle - React, Tailwind, and code Playground

by Shirly Manor

HTML

<h1>
Mp4
</h1>
<p>
<video width="320" height="240" controls>
  <source src="https://transformfitness-res.cloudinary.com/video/upload/v1608372594/fitness/program/P1%20Ayesha/P1_W1D1_HD_c22030.mp4" type="video/mp4">
</video>
</p>
<h1>
M3U8 with transformation
</h1>
<p>
<video width="320" height="240" controls>
  <source src=" https://transformfitness-res.cloudinary.com/video/upload/c_limit,w_1920,h_1080,vc_h264:high:4.0,br_8500k/v1608372594/fitness/program/P1%20Ayesha/P1_W1D1_HD_c22030.m3u8" type="video/mp4">
</video>
</p>
<h1>
M3U8
</h1>
<video width="320" height="240" controls>
  <source src="https://transformfitness-res.cloudinary.com/video/upload/v1608372594/fitness/program/P1%20Ayesha/P1_W1D1_HD_c22030.m3u8" type="video/mp4">
</video>
<h1>
M3U8 with vc_auto
</h1>
<p>
<video width="320" height="240" controls>
  <source src=" https://transformfitness-res.cloudinary.com/video/upload/vc_auto/v1608372594/fitness/program/P1%20Ayesha/P1_W1D1_HD_c22030.m3u8" type="video/mp4">
</video>
</p>