JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://vjs.zencdn.net/c/video-js.css">
<script src="http://vjs.zencdn.net/c/video.js"></script>


<button onclick="pauseAll();">Pause All</button>
    
    
    <br />
<video id="example_video_1" class="video-js vjs-default-skin" controls width="320" height="182" poster="http://video-js.zencoder.com/oceans-clip.jpg" preload="auto" data-setup="{}">
  <source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
</video>
      
      <video id="example_video_2" class="video-js vjs-default-skin" controls width="320" height="182" poster="http://video-js.zencoder.com/oceans-clip.jpg" preload="auto" data-setup="{}">
  <source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
</video>

JavaScript

function pauseAll() {
    jQuery.each( window._V_.players, function( i, player ) {
        player.pause();
    });
}