JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe class="quick-video" id="player_7256322" src="http://player.vimeo.com/video/7256322?api=1&amp;player_id=player_7256322" width="150" height="85" frameborder="0"> </iframe>

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>

JavaScript

$(document).ready(function(){
    var player = $("#player_7256322");
        froogaloop = $f(player[0].id);
    
    player.mouseover(function(){
        froogaloop.api('play');
    }).mouseout(function(){
        froogaloop.api('pause');
    });
});