JSFiddle - React, Tailwind, and code Playground

by chris5marsh

HTML

<video src="http://www.epiphanysearch.co.uk/video/scientist/scientist.mp4" controls autoplay="false" width="240" poster="http://www.epiphanysearch.co.uk/video/scientist/scientist.jpg"></video>
<a id="action">Go!</a>

CSS

video {
    position:absolute;
    top:48px;
    left:24px;
    border:1px solid #000;
}
#action {
    margin:6px;
    padding:4px 12px;
    border:1px solid #ccc;
    background:#ccc;
    cursor:pointer;
}

JavaScript

$(function() {
    $('#action').click(function(e) {
        $('video').animate({'left':-242}, 1000);
    });
});