JSFiddle - React, Tailwind, and code Playground

by zainshaikh

HTML

<script src="http://smf.cloudapp.net/html5/js/playerframework.min.js"></script>
<link rel="stylesheet" href="http://smf.cloudapp.net/html5/css/playerframework.min.css">
<script src="https://raw.github.com/davatron5000/FitVids.js/master/jquery.fitvids.js"></script>
<video id="myVideo" class="pf-video" width="580" height="420" controls="controls" poster="../media/bigbuck.png">
    <source src="http://smf.cloudapp.net/html5/media/bigbuck.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="../media/bigbuck.webm" type='video/webm; codecs="vp8, vorbis"' />
    <source src="../media/bigbuck.ogv" type='video/ogg; codecs="theora, vorbis"' />
    <div class="pf-static">
        HTML5 video is not supported.
    </div>
</video>

CSS

/*.pf-video {width: 100%; height: 100%}*/

JavaScript

new PlayerFramework.Player("myVideo");

   // $("#myVideo").fitVids();