JSFiddle - React, Tailwind, and code Playground

by Rachel Gallen

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<body>
  <input type="button" value="Load" onclick="load_file()" />
  
  <video id="video1" width="520" height="440" src="" type="video/mp4" controls>
    <source src="" type="video/mp4">
  </video>
</body>

CSS

video {
  margin-right: auto;
  margin-left: auto;
}

JavaScript

function load_file() {
  $("#logList").load("path.txt", function(response) {
    var path = response;
    $("#video1").attr("src", path);
    alert("test " + path);
  });
}