JSFiddle - React, Tailwind, and code Playground

by Derk-Jan Hartman

HTML

<script src="https://vjs.zencdn.net/5.3/video.min.js"></script>
<link rel="stylesheet" href="https://vjs.zencdn.net/5.3/video-js.min.css">
<audio id="really-cool-video" class="video-js vjs-default-skin" controls
 preload="auto" width="220" height="275" poster="https://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Ficedula_hypoleuca_-Wood_of_Cree_Nature_Reserve%2C_Scotland_-male-8a.jpg/220px-Ficedula_hypoleuca_-Wood_of_Cree_Nature_Reserve%2C_Scotland_-male-8a.jpg"
 data-setup='{}'><source src="https://upload.wikimedia.org/wikipedia/commons/3/38/Pied_Flycatcher_%28Ficedula_hypoleuca%29_%28W1CDR0001423_BD1%29.ogg" type="audio/ogg">
  <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
  <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'>
  <p class="vjs-no-js">
    To view this video please enable JavaScript, and consider upgrading to a web browser
    that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
  </p>
</audio>