播放按钮不适用于Chrome

Question

我有一个打开音频字段的按钮。这适用于任何浏览器。但是在Chrome浏览器中，我无法按播放按钮。你知道吗，我该如何解决？

$('.btn--play audio').hide();

    var all_audios = $('.btn--play').parent().find('audio');

    $('.btn--play').click(function(e){

        e.preventDefault();
        // hide all audio
        all_audios.hide();
        $this = $(this).parent().find('audio');
        // here is what I want to do
        if ($this.is(':hidden')) {
            $(this).parent().find('audio').show();
        } else {
            $(this).parent().find('audio').hide();
        }

    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="btn--play">
   Play
   <audio controls>
      <source src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/Swing_Jazz_Drum.mp3" type="audio/mp3">
      Your browser does not support the audio element.
    </audio>
</div>