JSFiddle - React, Tailwind, and code Playground

by dustinkerstein

HTML

<div id="videoWrapper">
    <video autoplay id="test" controls src="http://media2.ms.kitd.com/mm/flvmedia/3858/t/d/s/tds4r28w_qq1u765c_h264_2328K.mp4" poster="http://thumb.multicastmedia.com/thumbs/aid/w/h/t1351705158/1571585.jpg"></video>
</div>

CSS

#videoWrapper{
    position:relative;
    width: 1000px;
    height: 500px;
    background: #333;
}
#videoWrapper video{
    width: 100%;
    height: 100%;
    -webkit-transform:scaleX(5);
    -moz-transform:scaleX(5);
    -ms-transform:scaleX(5);
    transform:scaleX(5);
}