JSFiddle - React, Tailwind, and code Playground

by nhoughto5

HTML

<script
            src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous"></script>

<video id=example-video width=400 height=300 class="video-js vjs-default-skin" controls>
</video>

<p id="par"></p>

JavaScript

var video = document.getElementById('example-video');
  this.$('video').on('loadeddata', function(){
    document.getElementById('par').innerHTML = "Data Loaded!"
  });
  var source = document.createElement("source");
  source.setAttribute('src', "http://vjs.zencdn.net/v/oceans.mp4");
  video.appendChild(source);
video.play();