私のサイトでjplayerを自分のサイトで音楽を再生するmediaelement player(wordpress)にバインドしようとしています。Jplayerはmediaelementに接続/バインドします
私はすでに何かをしましたが、何かが欠けています。 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"> </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は私のサイトのメディアプレーヤーと一緒にプレイする必要があります.jplayerにはオーディオウォーターマークが付いたファイルが含まれているため、メディア要素を超えて再生される音楽が再生されます(テーマがサポートしています)。だから私はフッターにも追加されたコードは次のとおりです。多分誰場合
<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は、そのファイルを再生していない何らかの理由で私は、私が何かをしないのです推測するが、何を知りません再生ボタンをクリックすると再生するために何をすべきかを知っていますが、一時停止してからもう一度再生すると、最初から再生する必要があります。
は