JSFiddle - React, Tailwind, and code Playground

HTML

<table width="550" height="489" border="0" cellpadding="0" cellspacing="0">
     <tr>
       <td width="10"><img src="https://images.unsplash.com/photo-1432958576632-8a39f6b97dc7?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=6ecedc1e639d8a4b77aa8e85f4962f03" width="10" height="489"></td>
       <td>

         <video class="videos" controls autoplay loop muted>
           <source src="https://mdbootstrap.com/img/video/Crossroad.mp4" type="video/mp4">
         </video>

       </td>
     </tr>
   </table>

CSS

.videos {
    width: 450px;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}