Audio Tag Does Not Work in Chrome

Question

Good afternoon, you guys!

I’m having a problem that I can’t see a solution on Google or with the tests I do. I have a site where there are some audio tags, they work normally in browsers like Mozilla, but in Chrome it appears disabled, I have tested the same clean code on a test page and it worked, but in this application it does not run.

Code below:

$(".ouvir").click(function() {
  var arq = $(this).parent().find('a.ouvir_oculto').attr('href');
  console.log('Here -> ' + arq);
  //$(this).parent().html('<audio controls type="audio/mpeg" src="'+arq+'" controlsList="nodownload" autoplay style="width:200px"></audio>');
  $(this).parent().html('<audio src="' + arq + '" controls="controls"></audio>');
  return false;
});

$('.meu_player').bind('contextmenu', function() {
  return false;
});

<div style="clear:both; float:left; width: 470px">
  <div id="MediaPlayerOverview_<?= $contador; ?>" class="meu_player">
    <a href="<?php print get_sub_field('end_arquivo'); ?>" class="ouvir_oculto"></a>
    <a href="play" class="ouvir"><img src="<?php print bloginfo('template_url'); ?>/imagens/player.png" width="36" height="30"></a>
  </div>
</div>

Is an application Wordpress, where it searches the registered audio and implements in the tag audio dynamically. At first it does the process right, but cannot execute

Link: https://www.radioriodejaneiro.am.br/programa/ouvindo-voce/#recordings