Boa tarde, galera!
Estou tendo um problema que não consigo ver uma solução no google ou com os teste que faço. Tenho um site onde existem algumas tag de áudio, elas funcionam normalmente nos navegadores como Mozilla, porém no Chrome ela aparece desabilitada, já testei o mesmo código limpo em uma página de teste e funcionou, porém nessa aplicação ela não roda.
Código abaixo:
$(".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>
É uma aplicação Wordpress, onde ele busca o áudio cadastrado e implementa na tag audio dinamicamente. A principio ele faz o processo de forma certa, mas não consegue executar
Link: https://www.radioriodejaneiro.am.br/programa/ouvindo-voce/#gravacoes