JSFiddle - React, Tailwind, and code Playground

by kosmos

HTML

<video class="video" width="320" height="240" controls>
    <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4"/>
    <source src="http://www.w3schools.com/tags/movie.ogg" type="video/ogg"/>
    Your browser does not support the video tag.
</video>

JavaScript

$(function(){
    $('.video').on('mouseenter', function(){
        if( this.paused) this.play();
    }).on('mouseleave', function(){
        if( !this.paused) this.pause();
    });
});