JSFiddle - React, Tailwind, and code Playground

by damyanpetev

HTML

<script src="http://cdn-na.infragistics.com/jquery/20131/latest/js/infragistics.loader.js"></script>
<video controls style="width: 300px; height: 200px;">
    <source type="type/webm" src="http://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/Infragistics_Presentation_lowRes_1.webmvp8.webm">
</video>
<video controls style="width: 300px; height: 200px;">
    <source type="video/webm" src="http://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/Infragistics_Presentation_lowRes_1.webmvp8.webm">
</video>
<div id="vid"></div>

JavaScript

$.ig.loader({
    scriptPath: 'http://cdn-na.infragistics.com/jquery/20131/latest/js/',
    cssPath: 'http://cdn-na.infragistics.com/jquery/20131/latest/css/',
    theme: 'metro',
    resources: "igVideoPlayer"
});
$.ig.loader(function () {
    $("#vid").igVideoPlayer({
       sources: ["http://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/Infragistics_Presentation_lowRes_1.webmvp8.webm"]
    });
});