使用文本或图像链接播放/暂停WordPress音频嵌入

Question

我使用wp_audio_shortcode将播客音频拉入WordPress帖子。 mejs-element播放器工作正常，但我想要的是通过点击播客或播放头图标的缩略图来播放音频。

以下是循环中发生的事情：

<div class="play-icon-large">
<a href="<?php the_permalink(); ?>"><img src="<?php echo get_stylesheet_directory_uri(); ?>/images/play-icon-big.png" alt="" /></a>
</div>
<img src="<?php echo catch_that_image($loop->ID) ?>" alt="" />
<?php
$content = get_the_content();
if (preg_match('/http:\/\/traffic.libsyn.com(.*)$/m', $content,$matches)) { ?>
    <div class="header-audio-player"> 
    <?php $trimmed_array=array_map('trim',$matches); ?>
    <?php $attr = array(
        'src'      => $trimmed_array[0],
        'loop'     => '',
        'autoplay' => '',
        'preload'  => 'none'
    );
    echo wp_audio_shortcode( $attr );
    } ?>
    </div>

有什么想法吗？