JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.13.2/css/mediaelementplayer.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/mediaelement/2.13.2/js/mediaelement-and-player.min.js"></script>
<div id="videoContainer"></div>

JavaScript

var URL = "http://reqr.es/api/users/2"; // to get success ajax response
jQuery(document).ready(function ($) {
    var getVideo = setInterval(function () {
        $.ajax({
            url: URL,
            cache: false,
            dataType: "json",
            success: function (response) {
                clearInterval(getVideo);
                // response = "http://techslides.com/demos/sample-videos/small.mp4"; // fake mp4 response
                response = "http://techslides.com/demos/sample-videos/small.webm"; // fake webm response
                var video = '<video id="video_player" width="320" height="240" controls>' +
                    '<source src="' + response + '" type="video/' + (response.indexOf("webm") == -1 ? 'mp4' : 'webm') + '" />' +
                    '</video>';
                $("#videoContainer")
                    .html(video) // insert video tag
                .find("#video_player") // find video selector
                // bind MEJS
                .mediaelementplayer({
                    // MEJS options
                });
            },
            error: function () {
                // error in ajax, will try again in 2 seconds
            }
        });
    }, 2000);
}); // ready