JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <video class="html5-video" src="http://www.quackit.com/video/pass-countdown.ogg" width="300" height="150" controls></video><br />
                <video class="html5-video" src="http://www.quackit.com/video/pass-countdown.ogg" width="300" height="150" controls></video><br />
                <video class="html5-video" src="http://www.quackit.com/video/pass-countdown.ogg" width="300" height="150" controls></video><br />
                <video class="html5-video" src="http://www.quackit.com/video/pass-countdown.ogg" width="300" height="150" controls style="display:none"></video><br />
                <video class="html5-video" src="http://www.quackit.com/video/pass-countdown.ogg" width="300" height="150" controls style="visibility:hidden"></video><br />

<div style="position: absolute; top: 1; left: 1; width: 100%; height: 100%; background: #000; z-index: 100">

</div>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" ></script>
        <script>
            //function stopVideo() {
    // Make sure to turn off and reset the video
    $( '.html5-video' ).each( function( index, element ) {
        $( this ).get( 0 ).currentTime = 0;
        $( this ).get( 0 ).pause();
    } );
alert('done')
            //}
        </script>
    </body>
</html>