JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  Your browser supports...
  
  <table>
    <tr>
      <td>AV1</td>
      <td id="av1"></td>
    </tr>
    <tr>
      <td>H265</td>
      <td id="h265"></td>
    </tr>
    <tr>
      <td>H264</td>
      <td id="h264"></td>
    </tr>
    <tr>
      <td>MPEG-4 Audio (AAC)</td>
      <td id="aac"></td>
    </tr>
    <tr>
      <td>Opus</td>
      <td id="opus"></td>
    </tr>
    
  </table>

</div>

CSS

table {
  border-collapse: collapse;
}
td {
  border: 1px solid black;
  padding: 15px;
}

JavaScript

document.getElementById("av1").innerHTML = MediaSource.isTypeSupported('video/mp4; codecs="av01.0.08M.08.0.110.01.01.01.1"');
document.getElementById("h265").innerHTML = MediaSource.isTypeSupported('video/mp4; codecs="hvc1.1.4.L120.B0"');
document.getElementById("h264").innerHTML = MediaSource.isTypeSupported('video/mp4; codecs="avc1.42c028"');
document.getElementById("opus").innerHTML = MediaSource.isTypeSupported('video/mp4; codecs="opus"');
document.getElementById("aac").innerHTML = MediaSource.isTypeSupported('video/mp4; codecs="mp4a.40.2"');