Question

我正在尝试将我网站上的jplayer绑定到在我的网站上播放音乐的mediaelement播放器（wordpress）。

我已经做过一些事情，但我错过了一些东西。在functions.php文件中，我添加了

//Enqueue scripts
function register_scripts() {
      wp_enqueue_script('jplayer',get_template_directory_uri().'/jplayer/jplayer.min.js',null,'1',false);

}
add_action('wp_enqueue_scripts','register_scripts');

然后我在标题中添加了

<div id="WM" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio" role="application" aria-label="media player">
    <div class="jp-type-single">
        <div class="jp-gui jp-interface">
            <div class="jp-controls-holder" style="width:100px">
                <div class="jp-controls" style="float:left;">
                    <button class="jp-play" role="button" tabindex="0" style="padding:0;">p</button>
                    <button class="jp-stop" role="button" tabindex="0" style="padding:0;">s</button>
                </div>
                <div class="jp-current-time" role="timer" aria-label="time">&nbsp;</div>
            </div>
        </div>
    </div

然后我添加了页脚

<script>
jQuery(document).ready(function() {
    jQuery("#WM").jPlayer({
        ready: function(){
            jQuery(this).jPlayer("setMedia", {
                mp3: "https://example.com/mymp.mp3"
            });
        },
    });

});
</script>

现在这里是我正在努力的一部分。 Jplayer需要在我的网站上与mediaelement播放器一起播放，因为jplayer包含有音频水印的文件，因此它将播放通过mediaelement播放的音乐（我的主题支持它）。所以我在页脚中添加的代码是：

<script>
            // click on play button

            jQuery('.home, .page-id-53, .page-id-29 ,.tax-download_tag, .tax-download_category, .search-results,.tax-download_tempo,.tax-download-artist').find('.mejs-button.mejs-playpause-button').on('click', function () {

jQuery(window).load(function() {
                      setTimeout( function(){

                        jQuery("#WM").jPlayer("volume", 1);
                        jQuery("#WM").jPlayer("play", 0);
                       }, 1000 );
                    });

                    jQuery(document).on('click', '.mejs-play > button', function() {

 </script>

所以出于某种原因，当我点击播放按钮（mediaelement）时，jplayer没有播放该文件我猜我错过了什么，但是不知道是什么，如果有人知道怎么做才能让它在我点击播放按钮时播放，但是当我暂停并再次播放时，它应该从头开始播放。

谢谢

Answer 1

让我们说这是代码的开始

<script>
            // click on play button

            jQuery('.home, .page-id-53, .page-id-29 ,.tax-download_tag, .tax-download_category, .search-results,.tax-download_tempo,.tax-download-artist').find('.mejs-button.mejs-playpause-button').on('click', function () {

现在我需要添加一些东西来运行jplayer播放按钮

Jplayer连接/绑定到mediaelement

1 个答案: