html5-Player mit automatischem Dokumenteneinzug nicht

Question

Arbeits ich diesen html5-Audio-Player mit, dass

http://osvaldas.info/audio-player-responsive-and-touch-friendly

Ich habe Problem verwenden.

Wenn ich dort "Autoload" setzen, funktioniert es nicht und Spieler spielen zwei Mal. Hier

ist html5 Code:

<audio autoplay="autoplay" preload="none" controls="" class="sppaudioplayer" id="spp-audio-player"><source src="http://www.blogtalkradio.com/girlsinheels/2016/04/12/one-girl-two-boots.mp3"></source></audio> 

Hier ist Javascript-Code:

$(function() 
    { 
     $('audio').audioPlayer(); 
    }); 

Hier Geige: http://jsfiddle.net/bcHsy/40/

Answer 1

Ich habe versucht, dieses Problem seit gestern zu lösen. Endlich habe ich festgestellt, dass es einen Bug in Ihrem audioPlayer Plugin gibt. Ich werde das nicht beheben, Sie können auf ihrer Plugin-Seite berichten.

Das Problem ist, wenn Sie hinzufügen autoplay in Ihrem <audio> Tag der Browser beginnt die Wiedergabe von Audio und auch Ihr Plugin starten die gleiche. Als Ergebnis haben Sie zweimal Ihre Spur gespielt. Sie können dies mit der folgenden Methode beheben.

1. Entfernen Sie autoplay von Ihrem <audio> Tag.
2. hinzufügen $('.audioplayer-playpause').trigger('click'); nach $('audio').audioPlayer();

P. S: Die Lösung ist nur auf der Grundlage Ihrer audioPlayer Plugin.

wird die endgültige Lösung sein:

html5 Code:

<audio preload="none" controls="" class="sppaudioplayer" id="spp-audio-player"><source src="http://www.blogtalkradio.com/girlsinheels/2016/04/12/one-girl-two-boots.mp3"></source></audio> 

JavaScript-Code:

$(function() 
{ 
    $('audio').audioPlayer(); 
    $('.audioplayer-playpause').trigger('click'); 
}); 

Geige Arbeiten:http://jsfiddle.net/bcHsy/45/

Answer 2

<audio autoplay preload="auto" controls="" class="sppaudioplayer" id="spp-audio-player"> 
<source src="http://www.blogtalkradio.com/girlsinheels/2016/04/12/one-girl-two-boots.mp3"></source> 
</audio> 

Versuchen Sie mit dem obigen Code. Das wird gut funktionieren. JQuery muss den Audioplayer nicht starten. HTML5 wird dafür sorgen.

Answer 3

Gemäß dem Plugin-Skript können Sie auch das "loop" -Attribut wie unten gezeigt hinzufügen, um zu vermeiden, dass es zweimal gespielt wird.

<audio autoplay preload="auto" loop="" controls="" class="sppaudioplayer" id="spp-audio-player"> 
<source src="http://www.blogtalkradio.com/girlsinheels/2016/04/12/one-girl-two-boots.mp3"></source> 
</audio>