Wordpressは、ダウンロードする代わりにプレーヤーの横にカスタマイズされたダウンロードボタンを再生します。

Question

私は簡単に各サウンドトラックをダウンロードできるように、ワードプレスのオーディオプレーヤーの横にダウンロードボタンを追加するよう頼まれました。

は、彼が私のためfoother.php内のコードのこれらの行を書いた：

function createMejsDownload(){ 
    var href = jQuery('.wp-playlist-playing a').attr('href'); 
    var controllerWidth = jQuery('.mejs-inner').width(); 
    var controllerWidth2 = controllerWidth-35; 
    var html = '<a href="'+href+'" class="mejs-download"></a>'; 
    jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
    jQuery('.mejs-inner').append(html); 
    var href = jQuery('.wp-playlist-playing a').attr('href'); 
    var controllerWidth = jQuery('.mejs-inner').width(); 
    var controllerWidth2 = controllerWidth-35; 
    jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
    jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
    jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
    jQuery('.mejs-download').attr('href', href); 
    jQuery('.mejs-controls').trigger('click'); 
    setInterval(function(){ 
     var href = jQuery('.wp-playlist-playing a').attr('href'); 
     var controllerWidth = jQuery('.mejs-inner').width(); 
     var controllerWidth2 = controllerWidth-35; 
     jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
     jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
     jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
     jQuery('.mejs-download').attr('href', href); 
     jQuery('.mejs-controls').trigger('click'); 
    }, 1); 
} 

問題は、私はそれだけの代わりにダウンロードを新しいタブでmp3ファイルを再生するダウンロードボタンをクリックするたびにあります。私は彼が "force_dll"や何かと何か関係があると言ったと聞いたと思うが、どうやってそれをするのか分からなかった。

私はforce_dll問題を探していましたが、私はGoogle Chromeのソリューションを考え出しました。ダウンロードボタンをクリックして実際にGoogle Chromeでファイルをダウンロードすることができますが、私は本当にそのようなことをしたくありません！私はサードパーティーのアプリケーションを使いたくない。

助けていただけたら幸いです！

Answer 1

代わりにこれを試してみてください：

function createMejsDownload(){ 
var href = jQuery('.wp-playlist-playing a').attr('href'); 
var controllerWidth = jQuery('.mejs-inner').width(); 
var controllerWidth2 = controllerWidth-35; 
var html = '<a href="'+href+'" class="mejs-download" download></a>'; 
jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
jQuery('.mejs-inner').append(html); 
var href = jQuery('.wp-playlist-playing a').attr('href'); 
var controllerWidth = jQuery('.mejs-inner').width(); 
var controllerWidth2 = controllerWidth-35; 
jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
jQuery('.mejs-download').attr('href', href); 
jQuery('.mejs-controls').trigger('click'); 
setInterval(function(){ 
    var href = jQuery('.wp-playlist-playing a').attr('href'); 
    var controllerWidth = jQuery('.mejs-inner').width(); 
    var controllerWidth2 = controllerWidth-35; 
    jQuery('.mejs-controls').css('width', controllerWidth2+'px'); 
    jQuery('.mejs-time-rail').css('width', (controllerWidth2-174)+'px'); 
    jQuery('.mejs-time-rail .mejs-time-total.mejs-time-slider').css('width', controllerWidth2-184); 
    jQuery('.mejs-download').attr('href', href); 
    jQuery('.mejs-controls').trigger('click'); 
}, 1); 
} 

は、私はちょうど第五行で<a>タグにdownloadを追加しました：

var html = '<a href="'+href+'" class="mejs-download" download></a>'; 

は、それが動作しない場合は、5番目の行を変更します。

var html = '<a href="'+href+'" class="mejs-download" target="_blank"></a>';